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

В библиотеке jQuery иимеется множество очень полезных функций способствующих перемещению по объектной модели страницы сайта. Вы знаете, что каркасом этой модели является структура HTML-кода страницы сайта и пристегнутая к ней каскадная таблица стилей CSS. Они выступают в роли реперных знаков для быстрой выборки элементов в jQuery.

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

Запись кода программы:

 
                        $('h3').next()

возвращает элементы страниц сайта находящиеся непосредственно после заголовков h3.

Запись кода программы:

 
                        $('h3').next('.brend')

возвращает элементы страниц сайта class="brend" находящиеся непосредственно после заголовков h3.

Запись кода программы:

 
                        $('#nav h3').next('.brend') 

возвращает элементы страниц сайта class="brend" находящиеся непосредственно после заголовков h3 с идентификаторами id="nav".

Таким образом, можно сказать и так: если выбрать элементы написанные как " последующие" - next, то они немедленно разместятся за элементами обозначенными как " предшествующие" - prev.

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

Вот, несколько примеров применения функции next():

 
                        function() {$(this).next('.otveti').fadeIn(850)};
                        
                        function() {$(this).next('.voprosi').hide()};

В данных примерах функции next() является аргументом анонимной функции. Это часть кодов программы в опросниках или викторинах, устроенных на страницах сайта.


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
... ... ...

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