Работа с DOM

Дата публикации:Февраль 19, 2011

С помощью 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")
});
...

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

Поделиться

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.