Содержание
- 2. :eq(index) - выбирает элемент по его индексу (начиная с нуля). $("td:eq(2)").css("color", "red") Выделит красным цветом текст
- 3. Селекторы потомков. :first-child Возвращает: Массив Выбирает все элементы, которые являются первыми дочерними объектами у “родителей”. :last-child
- 4. $("ul.drow li:first-child").css("border","solid 3px red"); $("ul.drow li:last-child").css("border","solid 3px blue"); $("span:only-child").css("color","#335599"); $("ul.drow li:nth-child(even)"). css("background-color","#335599"); $("ul.drow li:nth-child(odd)").css("background-color","#74BD5C"); $("ul.drow li:nth-child(1)").css("border","5px
- 5. Фильтры содержимого :contains (text) - выбирает элементы, которые содержат заданный текст (text). $("label:contains('Cube')").css("text-decoration", "underline"); - подчеркнет
- 6. Расширение набора выбранных элементов Метод add() позволяет добавить в существующий объект jQuery дополнительные элементы. Варианты вызова
- 7. $(document).ready(function() { var labelElems = document.getElementsByTagName("label"); var jq= $('img[src*=Cube]'); $('img:even').add(jq).add(labelElems) .css("border", "thick double red"); }); "
- 8. Сужение набора выбранных элементов Существует ряд методов, позволяющих удалять элементы из существующего набора. Каждый из этих
- 9. filter(условие) Исключает из набора элементы, не соответствующие указанному условию. has() , has(jQuery), has(HTMLElement), has(HTMLElement[])- Исключает из
- 10. Сужение набора до одного элемента Простейшими методами с помощью которых можно сократить набор выбранных элементов, являются
- 11. Сужение набора до элементов, индексы которых принадлежат к заданному диапазону Если необходимо оставить в выбранном наборе
- 12. Фильтрация элементов Метод filter() позволяет задать условие. Элементы, не удовлетворяющие заданному условию, исключаются из набора. Вариант
- 13. // удаление элементов, не содержащих 'pr_1' var jq = $('[for*=pr_1]'); $('label').filter(jq) .css("color", "blue"); // удаление элементов,
- 14. $( "li" ) .filter(function( index ) { return index % 3 === 2; }) .css( "background-color",
- 15. Метод not () работает аналогично методу filter (), но обращает процесс фильтрации. Вариант вызова not (селектор)
- 16. Сужение набора до элементов, имеющих определенных потомков Метод has () можно использовать для того, чтобы оставить
- 17. Преобразование набора выбранных элементов Метод map () обеспечивает гибкий способ использования одного объекта jQuery для создания
- 18. Контроль набора выбранных элементов Чтобы выяснить, соответствует ли хотя бы один из выбранных элементов заданному условию,
- 19. Навигация по дереву DOM Выбранный набор элементов можно использовать в качестве отправной точки для перемещения к
- 20. Методы, используемые для перемещения вниз по иерархической структуре DOM children() Выбирает дочерние элементы всех элементов, содержащихся
- 21. Метод children() выбирает лишь те элементы, которые являются непосредственными потомками (дочерними элементами) элементов, содержащихся в объекте
- 22. Потомки var allDescandant=$('ul.drow').find('*'); // все потомки var descCount = allDescandant.length; allDescandant.each(function(index, elem) { console.log("Потомок элемент: "
- 23. Hello , how are you? Me? I'm good . $( "div.answer" ).find( "span" ).css( "color", "red"
- 24. Перемещение вверх по дереву Перемещению вверх по DOM-дереву соответствует поиск родителей и предков элементов, содержащихся в
- 25. parentsUntii (HTMLElement) parentsUntil (HTMLElement, селектор), parentsUntii (HTMLElement []), parentsUntil (HTMLElement [] , селектор) Выбирает предков для
- 26. Выбор предков Метод parents() обеспечивает возможность выбора всех, а не только непосредственных предков (родителей) элементов, содержащихся
- 27. Метод parentsUntil () является еще одной разновидностью методов, предназначенных для выбора предков элементов. Для каждого из
- 29. Скачать презентацию