club762.ruС помощью 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")
});
...Результат вы можете увидеть на следующем скриншоте:
