Функция end() в jQuery.

Свойство функции end() заключается в отмене последнего изменения в связке кодов программы и перейти к исходной выборке элементов на странице сайта.

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

Вот, пример:

                    $('p').fadeOut(1000).fadeIn(1500);

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

Другой пример:

                    $(' div').css('outline','3px blue double')
                    .find('a').css('color','green')

Код программы выбирает все элементы div и оконтуривает двойной рамкой в три пикселя голубого цвета. Затем выбирает дочерние ссылки a и меняет цвет текста всех ссылок в зеленый цвет.

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

Другими словами, надо что-то выбрать, затем выбрать еще что-то на основе первой выборки, далее вернуться к первононачальной выборке элементов на странице сайта.

Вот, тут на помощь приходит функция end(), которая отменяет последнее изменение и дает возможность вернуться к исходной выборке элементов. Продолжение примера:

                    $(' div').css('outline','3px blue double')
                    .find('a').css('color','green').end()
                    .find('p').css('backgroundColor','#ccc');

В этом примере функция end() отменяет выборку find('a') и поэтому выборка find('p') будет дочерней не к выборке find('a')( то есть абзацы будут искаться не в внутри ссылок a), будут дочерней к исходной выборке $(' div').

Таким образом, и ссылки, и абзацы будут искаться в внутри блока div.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед