LOGO JQuery
JQuery Утилиты

Доступ к объекту jQuery

.each(callback)

возвращает: jQuery
Выполняет заданную функцию для каждого из выбранных элементов в отдельности.
Это дает возможность обрабатывать выбранные элементы отдельно друг от друга.

Клик мышкой в любом месте элемента body* приведет к тому, что будут отобраны все принадлежащие ему элементы div.
Затем для каждого из них css свойство color будет установлено в значение blue.
Если же свойство color очередного элемента уже имеет значение blue, оно будет сброшено (будет установлен изначально красный цвет шрифта).
$(document.body).click(function () {
  $("div").each(function (i) {
    if (this.style.color != "blue") {
      this.style.color = "blue";
    } else {
      this.style.color = "";
    }
  });
});
Откройте пример в новом окне и посмотрите исходный код

.size()

возвращает: Number
Количество элементов в объекте jQuery.

Подсчитываем количество элементов div в объекте jQuery.
Каждым кликом добавляем еще один элемент div.
size() делает практически тоже самое, что и length, только немного медленнее.
$(document.body).click(function () {
  $(document.body).append($("<div>"));
  var n = $("div").size();
  $("span").text("Объект jQuery содержит " +
  n + " элементов div." +
  "Кликни, чтобы добавить еще.");
}).click();
Откройте пример в новом окне и посмотрите исходный код

.length

возвращает: Number
Количество элементов в объекте jQuery.

Подсчитываем количество элементов div в объекте jQuery. Каждым кликом добавляем еще один элемент div.
$(document.body).click(function () {
  $(document.body).append($("<div>"));
  var n = $("div").length;
  $("span").text("Объект jQuery содержит " + n +
  " элементов div." + "Click to add more.");
}).trigger('click');
Откройте пример в новом окне и посмотрите исходный код

.eq(position)

возвращает: jQuery
Сокращает набор элементов до единственного элемента.
Нумерация элементов в наборе начинается с 0.
Если еще понятнее - позволяет обратиться к единственному элементу из набора, используя его индекс.
Выбираем все элементы p, обращаемся ко второму элементу в наборе, для которого устанавливаем красный цвет шрифта.
$("p").eq(1).css("color", "red");

.get()

возвращает: Array
Обеспечивает доступ ко всем выбранным элементам DOM.
Служит обратно совместимым способом, позволяя обратиться ко всем элементам набора,
Если Вы работаете непосредственно с элементами DOM, не используя встроенные функции jQuery.

Выбираем все элементы div в документе и возвращаем набор элементов DOM как массив, затем используем встроенный метод, чтобы этот массив перевернуть.
function disp(divs) {
  var a = [];
  for (var i = 0; i < divs.length; i++) {
    a.push(divs[i].innerHTML);
  }
  $("span").text(a.join(" "));
}
disp( $("div").get().reverse() );
Откройте пример в новом окне и посмотрите исходный код

.get(index)

возвращает: Element
Обеспечивает доступ к единственному элементу из набора элементов DOM по его индексу.
Это позволит извлечь актуальный элемент DOM и работать с ним непосредственно, не используя функциональность jQuery.
Эта функция, вызванная как $(this).get(0) является эквивалентом использования квадратных скобок в нотации объектов jQuery, например $(this)[0].

Отдает имя тэга на котором был совершен клик.
$("*", document.body).click(function (e) {
  e.stopPropagation();
  var domEl = $(this).get(0);
  $("span:first").text("Кликнули на - " + domEl.tagName);
});
Откройте пример в новом окне и посмотрите исходный код

.index(subject)

возвращает: Number
Ищет элемент в наборе элементов объекта и возвращает его индекс, если найден.
Возвращает -1, если не найдено.
Отсчет ведется от 0.

По клику возвращает индекс выбранного элемента div.
$("div").click(function () {
  var index = $("div").index(this);
  $("span").text("Это div с индексом #" + index);
});
Откройте пример в новом окне и посмотрите исходный код

Работа с данными

.data()

С помощью этого метода, появляется возможность привязывать собственные переменные к любым элементам страницы.

data(key, value):jQuery

устанавливает переменную key со значением value всем выбранным элементам страницы.

.data({key1: value1, key2: value2, ...}):jQuery

устанавливает группу переменных key1, key2, ... со значениями value1, value2, ..., всем выбранным элементам страницы.

.data(key):any type

возвращает значение переменной key у первого выбранного элемента

.data():Object

возвращает объект со всеми переменными, прикрепленными к первому из выбранных элементов. Возвращенный объект имеет привычный формат
{key1: value1, key2: value2, ...}
// установим на элемент с id="content" переменные a и b
  $("#content").data("a", 1);
  $("#content").data("b", 2);
 
  // установим на этот же элемент переменные b и c
  $("#content").data({"b":3, "c":4});
 
  // выведем значение переменных a и b на экран
  alert($("#content").data("a") + ", " + $("#content").data("b"));

.removeData([name])

Удаляет пользовательские переменные, установленные методом .data() у выбранных элементов страницы.

Если указан необязательный параметр name, то будут удалены переменные только с этим именем, если же этот параметр не указан, то удалятся все переменные.
// установим переменную isBlock всем div-элементам на странице
$("div").data("isBlock", true);
 
// а теперь удалим эту переменную у всех div'ов с классом wrap
$("div.wrap").removeData("isBlock");

.hasData(element):boolean

Проверяет, закреплены ли данные за указанным элементом страницы.
Это оптимальный вариант для проверки наличия данных, заданных с помощью метода .data(), на элементе.