Цепочка методов

Материал из JQuery

Перейти к: навигация, поиск

Цепочкой методов называют последовательный вызов нескольких методов jQuery. Например:

$("div").parent().css("heigth", "10px").fadeTo(0, 0.5).addClass("divOwner");
// в результате будут найдены родители всех div-элементов, им будет установлена высота в 10 пикселей,
// прозрачность на 50%, и добавлен класс ''divOwner''.

Для удобочитаемости, цепочки часто пишут с переносами:

$("div")
.parent()
.css("heigth", "10px")
.fadeTo(0, 0.5)
.addClass("divOwner");

А иногда, даже используют своеобразную "лесенку" (т.е. систему отступов), чтобы разделить поиск элементов и манипуляции с ними:

$("div").parent()
  .css("heigth", "10px").fadeTo(0, 0.5).addClass("divOwner")
.find(".lBox")
  .attr("title", "Элемент класса lBox");


Построение таких цепочек возможно благодаря тому, что большинство методов в библиотеке jQuery возвращяют исходный набор выбранных элементов, к которому можно применять следующие методы, затем следующие и.т.д.