vvz.nw.ru Примеры к занятиям по JavaScript

<< Некоторые селекторы и фильтры JQuery

Необходимо помнить, что

категория селектор / фильтр что делает пример
селекторы основные #идентификатор выбирает элемент с указанным ID $('#nav')
    .имя_класса выбирает все элементы, которым присвоен указанный класс $('.active')
    имя_элемента выбирает все элементы указанного типа $('h2')
    *  выбирает все элементы $('*')
  иерархия предок потомок выбирает все элементы - потомки "предка" $('#menu ul li')
    родитель>ребенок выбирает все элементы, являющиеся непосредственными "детьми" "родителя" $('#nav div>p')
    предшественник+следующие выбирает все элементы типа "следующие", идущие за "предшественником" $('a+img')
   

исходный_элемент~сиблинги (братья/сестры)

выбирает все элементы, находящиеся на том же иерархическом уровне с "исходным_элементом" $('h3~p')
  выбор на основе атрибутов [атрибут] выбирает все элементы с указанным атрибутом $('a [target]')
    [атрибут=значение] выбирает все элементы с указанным атрибутом, имеющим указанное значение $('a [target=_blank]')
    [атрибут!=значение] выбирает все элементы с указанным атрибутом, имеющим значение, отличное от указанного  
    [атрибут^=значение] выбирает все элементы с указанным атрибутом, начинающимся с указанного значения $('a [href^=http://])
    [атрибут$=значение] выбирает все элементы с указанным атрибутом, заканчивающимся указанным значением  
    [атрибут*=значение] выбирает все элементы с указанным атрибутом, включающим указанное значение  
фильтры иерархия :first выбирает 1-ый элемент из полученного набора $('#qq>p:first')
    :last выбирает последний элемент из полученного набора $('#qq>p:last')
    :eq(индекс) выбирает из полученного набора элемент с заданным индексом $('#qq p:eq(2)')
    :even выбирает четные элементы из полученного набора $('#myTable tr:even')
    :odd выбирает нечетные элементы из полученного набора $('#myTable tr:odd')
    :gt(индекс) выбирает из полученного набора элементы с индексами, большими заданного  
    :lt(индекс) выбирает из полученного набора элементы с индексами, меньшими заданного  
    :parent выбирает из полученного набора элемент-родитель $('#spisok:parent')
    :first-child выбирает из полученного набора элемент, являющийся первым "ребенком" $('#qq:first-child')
    :last-child выбирает из полученного набора элемент, являющийся последним "ребенком" $('#qq p:last-child')
    :nth-child(индекс/even/odd) выбирает из полученного набора элементы, являющиеся n-ыми/четными/нечетными "детьми"  
  прочие :not(селектор) удаляет из полученного набора элементы, указанные в фильтре $('.accordion div:not(:first)')
    :contains(текст) выбирает из полученного набора элементы, содержащие указанный текст $('#qq>span:contains("ЛОИРО")')
    :empty выбирает из полученного набора элементы, не содержащие контента  
    :animated выбирает из полученного набора элементы, анимированные с помощью методов JQuery

 

    :hidden выбирает из полученного набора скрытые элементы  
    :visible выбирает из полученного набора видимые элементы  
  работа с элементами форм ...    


vvz.nw.ru  > JavaScript