jQuery 的选择器常用的因素查找方法

  1. 基本选取器:

    $(“#myELement”)   
    选拔id值等于myElement的成分,id值不恐怕重复在文档中不得不有一个id值是myElement所以获得的是唯一的因素

    $(“div”)           选取具有的div标签元素,再次来到div成分数组

    $(“.myClass”)      选用选择myClass类的css的保有因素

    $(“*”)            
    选拔文档中的所有的要素,可以行使二种的选拔方式展开协同选拔:例如$(“#myELement,div,.myclass”)

  2. 层叠采取器:

    $(“form input”)         选拔具有的form成分中的input成分

       $(“#main > *”)          拔取id值为main的保有的子成分

       $(“label + input”)    
选用具有的label成分的下一个input成分节点,经测试选用器再次回到的是label标签前边一向跟一个input标签的具备input标签成分

       $(“#prev ~ div”)      
同胞选择器,该接纳器重返的为id为prev的竹签成分的兼具的属于同一个父成分的div标签

 3.基本过滤拔取器:

    $(“tr:first”)               接纳具有tr成分的第四个

    $(“tr:last”)                选择具有tr成分的末尾一个

    $(“input:not(:checked) + span”)  

    过滤掉:checked的选用器的兼具的input成分

    $(“tr:even”)               拔取具有的tr成分的第0,2,4…
…个要素(注意:因为所接纳的多少个成分时为数组,所以序号是从0开始

    $(“tr:odd”)                选择具有的tr成分的第1,3,5… …个要素

    $(“td:eq(2)”)             接纳具有的td成分中序号为2的要命td成分

    $(“td:gt(4)”)             拔取td元素中序号大于4的具备td成分

    $(“td:ll(4)”)              选拔td成分中序号小于4的装有的td成分

    $(“:header”)

    $(“div:animated”)

4.内容过滤接纳器:

    $(“div:contains(‘John’)”) 选拔具有div中包括约翰文本的要素

    $(“td:empty”)          
选拔具有的为空(也不包蕴文件节点)的td成分的数组

    $(“div:has(p)”)        选拔具有含有p标签的div成分

    $(“td:parent”)          选取具有的以td为父节点的因素数组

  1.   可视化过滤选用器:  

    $(“div:hidden”)        拔取具有的被hidden的div成分

    $(“div:visible”)        采取具有的可视化的div成分

6.属性过滤选拔器:

$(“div[id]”)              拔取具有含有id属性的div成分

$(“input[name=’newsletter’]”)   
选取具有的name属性等于’newsletter’的input成分

$(“input[name!=’newsletter’]”)
选取具有的name属性不对等’newsletter’的input成分

$(“input[name^=’news’]”)        
选取具有的name属性以’news’起先的input元素

$(“input[name$=’news’]”)        
选取具有的name属性以’news’结尾的input成分

$(“input[name*=’man’]”)         
接纳具有的name属性包罗’news’的input成分

$(“input[id][name$=’man’]”)   
可以选择七个属性举办同步拔取,该选拔器是得到所有的带有id属性并且那么属性以man结尾的因素

7.子成分过滤选取器:

$(“ul li:nth-child(2)”),$(“ul li:nth-child(odd)”),$(“ul li:nth-child(3n

  • 1)”)

$(“div span:first-child”)          重回所有的div成分的首先个子节点的数组

$(“div span:last-child”)           再次来到所有的div成分的结尾一个节点的数组

$(“div button:only-child”)      
重返所有的div中唯有唯一一个子节点的所有子节点的数组

8.表单成分接纳器:

$(“:input”)                 
选用具有的表单输入成分,包涵input图片 1,
textarea, select 和 button 

$(“:text”)                     选取具有的text input成分

$(“:password”)           接纳具有的password input成分

$(“:radio”)                   选用具有的radio input元素

$(“:checkbox”)            选用具有的checkbox input成分

$(“:submit”)               选取具有的submit input成分

$(“:image”)                 选拔具有的image input元素

$(“:reset”)                   采取具有的reset input成分

$(“:button”)                接纳具有的button input成分

$(“:file”)                     选用具有的file input成分

$(“:hidden”)               接纳具有品类为hidden的input成分或表单的隐藏域

9.表单成分过滤选取器:

$(“:enabled”)             采纳具有的可操作的表单成分

$(“:disabled”)            选取具有的不足操作的表单成分

$(“:checked”)            选用具有的被checked的表单成分

$(“select option:selected”) 选取具有的select 的子元素中被selected的元素

相关文章

网站地图xml地图