JQuery 选择器 过滤器 其他 总结

JQuery选择器

一、基本选择器

[b]id选择器： $("#id")

[/b]

类选择器： [b]$(".class") [/b]

元素选择器：[b]$("div") [/b]

合成选择器 ： $("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输入框，大多数情况下，表单选择器会和其他选择器进行配合来定位元素。

老师们，同学们，你们要是觉得此博客有点用还请给个赞哟。 我思故我在，我恨故我爱，我写故你赞。

当然，还有不全滴地方，也希望大家给予补充呢！集思广益嘛！