JQuery 选择器 过滤器 其他 总结

JQuery选择器

一、基本选择器        

id选择器：   $("#id") 

类选择器： $(".class") 

元素选择器：$("div") 

合成选择器 ： $("div,#id,p")   //意味着多选  

返回所有文档节点的选择器： $("*")   //少用

二、层级选择器

子筛选选择器：  $("select1 select2")   //节点1（符合条件select1的节点）下的符合条件2的节点

直接子节点选择器： $("select1>select2")   //选择节点1下面符合条件的直接子节点，不含间接子节点。

兄弟节点选择器： $("select1+select2")   //节点1的下一个符合条件2的兄弟节点

所有兄弟选择器： $("select1~select2")   //节点1下面所有兄弟节点

三、过滤选择器

1.基本过滤选择器

:first   

:last

:not(selector)

:even

:odd

:eq(index)

:gt(index)

:it(index)

2.内容过滤选择器

:contains(text)   //包含文本text的元素 $("div:contains(啦啦啦啦)")

:empty  //不包含文本也不包含元素的元素 $("div:empty")

:has(selector)  //包含选择器匹配的元素的元素$("div:has(p)")

:parent //含有子元素或者文本的元素$("div:parent")

3.可见性过滤选择器

$("div:hidden")

$("div:visible")

4.属性过滤选择器

$("div[id]")  

$("div[id=d2]")  

$("div[id!=d2]")

5.子元素过滤选择器

$("ulli:eq(1)")  

$("ulli:nth-child(even)")

6.表单对象属性过滤选择器

$("#form1 input:disabled") 

$("#form1 input:enabled")  

$("#form2 input:checked")

$("#form3 select option:selected")

四、表单选择器

表单含有众多特有元素

如：input     text       password       radio     checkbox   

   submit     image            reset     button   file        hidden 

其选择方式  ：$(":input")就会返回所有的input输入框，大多数情况下，表单选择器会和其他选择器进行配合来定位元素。