Работа с DOM

С помощью jQuery вы можете перемещаться по дереву DOM и напрямую обрабатывать его объекты, вместо того чтобы работать с элементами, находящимися в обернутом наборе (помните: расположенные в массиве элементы больше не являются объектами DOM). Для того чтобы вести работу непосредственно с DOM, вы можете использовать несколько функций и свойств jQuery. Официальный сайт jQuery предлагает список, состоящий из 20, или даже 30 функций, которые вы можете использовать для перемещения по DOM, однако при работе с WordPress они вам, скорее всего, не понадобятся. Те функции, которые я буду использовать в дальнейшем, являются частью ядра jQuery, и не принадлежат к Traversing API, что, однако, не мешает мне применять их для управления объектами DOM.

.length, или size()jQuery(«.post») .length;Возвращает количество элементов в выбранном наборе.
.get(number-optional)jQuery(«.post») .get(3);Возвращает массив собственных элементов DOM. Функция удобна на тот случай, если вы не хотите работать напрямую с DOM и не желаете использовать обертку jQuery.
.find(selector)jQuery(«.post») .find(«.entry b»);Возвращает массив jQuery элементов для первого селектора, который соответствует заданному селектору функции
.each(functionName)jQuery(«.post») .each(function(){//code});Выполняет функцию для каждого элемента, соответствующего заданному селектору

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

...
alert("How many posts does this blog have? "+jQuery(".post").length);
jQuery(".post").each(function(){
    alert("one alert for each .post")
});
...

Результат вы можете увидеть на следующем скриншоте:

Блог про WordPress
Добавить комментарий

Получать новые комментарии по электронной почте.