JavaScript. Подробное руководство, 6-е издание, стр. 328

<b>$(&quot;a[href]&quot;).closest(&quot;div&quot;) // Самые внутренние элементы &lt;div&gt;, содержащие ссылки </b>

<b>$(&quot;а[href]&quot;).parentsUntil():not(div)&quot;) // Все элементы &lt;div&gt;, непосредственно</b>

<b>                                       // обертывающие элементы &lt;а&gt;</b>

19.8.2.2. Возврат к предыдущему выбору

Чтобы обеспечить возможность составления цепочек вызовов методов, большинство методов объекта

jQuery

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

jQuery

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

Однако на самом деле ситуация несколько сложнее. Когда методы выбора, описанные здесь, создают и возвращают новый объект

jQuery

, они сохраняют в нем ссылку на прежний объект

jQuery

, на основе которого был порожден новый объект. В результате создается список, или стек объектов

jQuery

. Метод

end()

выталкивает объект на вершине этого стека и возвращает сохраненный объект

jQuery

. Вызов метода

end()

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

<b>// Отыскать все элементы &lt;div&gt;, затем внутри множества выбранных элементов отыскать </b>

<b>// элементы &lt;р&gt;. Выделить элементы &lt;р&gt; цветом и затем окружить рамками элементы &lt;div&gt;.</b>

<b>// Сначала рассмотрим, как это сделать без цепочек вызовов методов</b>

var divs = $("div");

var paras = divs.find("p");

paras.addClass("highlight"); 

divs.css( "border", " solid black 1px");

// А теперь то же самое, составив цепочку вызовов методов

<b>$(&quot;div&quot;). find(&quot;p&quot;).addClass(&quot;highlight&quot;).end().css(&quot;border&quot;, &quot;solid black 1px&quot;);</b>

<b>// To же самое можно реализовать без вызова метода end(), просто переупорядочив операции </b>

<b>$(&quot;div&quot;).css(&quot;border&quot;', &quot;solid black 1рх”).find(&quot;р&quot;).addClass(&quot;highlight”);</b>

Если вам когда-нибудь потребуется вручную определить множество выбранных элементов и обеспечить его совместимость с методом

end()

, передайте новое множество элементов в виде массива или в виде объекта, подобного массиву, методу

pushStack().

Указанные элементы будут преобразованы в новое множество выбранных элементов, а предыдущее множество будет помещено в стек, откуда его можно будет извлечь вызовом метода

end():

var sel = $("div”); // Выбрать все <div>

sel.pushStack(document.getElementsByTagName("p")); // Заменить его множеством

<b>                                                   // всех элементов &lt;р&gt;</b>

sel.end(); // Восстановить множество элементов <div>

Теперь, когда мы познакомились с методом

end()

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

andSelf()

возвращает новый объект

jQuery

, включающий все элементы из текущего множества выбранных элементов плюс все элементы (за исключением дубликатов) из предыдущего множества. Метод

andSelf()

действует подобно методу

add()

и для него больше подошло бы имя «addPrev». В качестве примера рассмотрим следующий вариант реализации предыдущего примера: он выделяет цветом элементы

<р>

и вмещающие их элементы

<div>

и затем добавляет рамки к элементам

<div>:

<b>$(&quot;div&quot;).find(&quot;р&quot;).andSelf(). // Отыскать &lt;p&gt; в &lt;div&gt; и объединить их</b>

addClass("highlight"). // Выделить их все цветом

 end().end(). // Вытолкнуть со стека дважды до $("div")

<b>  css(&quot;border&quot;, &quot;solid black 1px&quot;); // Добавить рамки к элементам &lt;div&gt;</b>

19.9. Расширение библиотеки jQuery с помощью модулей расширений

Библиотека jQuery написана так, что позволяет легко добавлять в нее новые функциональные возможности. Модули, добавляющие новые функциональные возможности, называются расширениями (plug-in), большое количество которых можно отыскать на сайте http://plugins.jquery.com. Расширения для библиотеки jQuery являются обычными файлами с программным кодом на языке JavaScript, и, чтобы задействовать их в своих веб-страницах, достаточно просто подключить их с помощью элемента

<script>,

как любую другую библиотеку на языке JavaScript (разумеется, расширения должны подключаться после подключения самой библиотеки jQuery).

Создание собственных расширений для библиотеки jQuery является почти тривиальной задачей. Вся хитрость заключается в объекте-прототипе

jQuery.fn

, который является прототипом для всех объектов

jQuery

. Если добавить новую функцию в этот объект, она превратится в метод объекта

jQuery

. Например: