Руководство jQuery

Руководство по jQuery!

Обработчики событий Ajax

ajaxComplete(callback)

ajaxError(callback)

ajaxSend(callback)

ajaxStart(callback)

ajaxStop(callback)

ajaxSuccess(callback)

Вспомогательные функции Ajax

jQuery.param(obj)

serialize()

serializeArray()

Низко-уровневый интерфейс Ajax

jQuery.ajax(options)

jQuery.ajaxSetup(options)

Упрощенные методы Ajax

Основные атрибуты

toggleClass(class, switch)

Основнные функции

jQuery(expression,context)

jQuery(html,ownerDocument)

jQuery(elements)

jQuery(callback)

jQuery.noConflict()

jQuery.noConflict(extreme)

Все методы CSS

Все методы

clearQueue([queueName])

data(name)

$.data(elem)

$.data(elem, name)

$.data(elem, name, value)

dequeue(name)

queue(name, callback)

removeData(name)

Все методы объекта Deferred

deferred.done()

deferred.fail()

deferred.isRejected()

deferred.isResolved()

deferred.promise()

deferred.reject()

deferred.rejectWith()

deferred.resolve()

deferred.resolveWith()

Изменение размеров

Основные эффекты

show(speed, callback)

hide()

hide(speed, callback)

toggle()

toggle(switch)

toggle(fn, fn2, fn3,fn4,...)

Пользовательские эффекты

animate(params, duration, easing, callback)

animate(params, options)

clearQueue([queueName])

dequeue(name)

queue(name, callback)

delay(duration,[queueName ])

stop(clearQueue, gotoEnd)

Изменение прозрачности

fadeIn(speed, callback)

fadeOut(speed, callback)

fadeTo(speed, opacity, callback)

Слайдинг

slideDown(speed, callback)

slideUp(speed, callback)

slideToggle(speed, callback)

События браузера

События загрузки документа

Обработчики событий

jQuery.proxy( function, scope )

trigger(event,data)

triggerHandler(event , data )

unbind(type,fn)

delegate

undelegate

Объект события в jQuery

event.currentTarget

event.data

event.isDefaultPrevented()

event.isImmediatePropagationStopped()

event.isPropagationStopped()

event.pageX

event.pageY

event.preventDefault

event.relatedTarget()

event.result()

event.stopImmediatePropagation()

event.stopPropagation()

События форм

События клавиш

focusin( handler(eventObject) )

focusout( handler(eventObject) )

События мыши

Обработка форм

Атрибут "class"

toggleClass(class, switch)

Копирование элементов

clone()

clone(true)

Вставка элементов в DOM

html()

html(val)

Охватывающая вставка элементов

Внутренняя вставка элементов

Внешняя вставка элементов

after(content)

before(content)

insertBefore(content)

Удаление элементов DOM

Замена элементов DOM

Работа с атрибутами

Стилевые свойства

Коллекции элементов

jQuery.each(object, callback)

each(callback)

jQuery.param(obj)

Сохранение данных

jQuery.each(object, callback)

data(name)

$.data(elem)

$.data(elem, name)

$.data(elem, name, value)

removeData(name)

Методы для элементов DOM

Установочные методы

jQuery.noConflict(extreme)

Все методы

Все методы

Свойства jQuery объекта

length()

context

selector

Глобальные свойства jQuery

Атрибуты селекторов

Основные атрибуты

Основные фильтры

Фильтры элементов потомков

Фильтры содержания

Фильтры форм

Иерархия элементов

descendant(ancestor, descendant)

Фильтры видимости

Фильтрация элементов

Смешанный обход

Обход по структуре DOM

Плагины jQuery UI

Перетаскивание

Помещение

Изменение размеров

Выбор элементов

Сортировка элементов

Аккордион

Календарь

Диалоговое окно

Прогрессбар

Слайдер

Разделы

Эффекты

Добавление класса

addClass(class,[duration])

Удаление класса

removeClass([class],[duration])

Анимирование

Эффект

Сокрытие

hide(effect,[options], [speed],[callback])

Отображение

show(effect,[options], [speed],[callback])

Переключение классов

switchClass(remove,add,[duration])

Переключение

toggle

Переключение классов

toggleClass

Опубликовано admin - вт, 05/01/2018 - 23:40

[Селектор] all

Раздел "Selectors"

Выбрать все элементы.

Параметры

Описание

Наиболее полезно при объединении с контекстом поиска.

Пример

Примеры

Пример:

Выбрать каждый элемент (head, body, и т.д.).

Пример
Весь код

"jQuery"

$("*").css("border","3px solid red");

"HTML"

<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>

"CSS"

div,span,p {
    width: 150px;
    height: 60px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }

"Живой пример jQuery"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
						"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" 
	rel="stylesheet" type="text/css"/>
	  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script>
	  $(document).ready(function(){
	
$("*").css("border","3px solid red");

	  });
	</script>

	</head>
	<body class="iframe">

	
<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>


	</body>
	</html>

	
	<style>
	
div,span,p {
    width: 150px;
    height: 60px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }

	</style>

Пример:

Простой пример выбора всех элементов в контексте к document.body, поэтому элементы подобно head, script, и т.п. останутся не выбранными.

"jQuery"

$("*", document.body).css("border","3px solid red");

Метод появился в jQuery 1.0 (http://api.jquery.com/all-selector/)

Версия jQuery 1.4.2 Документ создан 2010-08-21