WEB前端 -- 选择器

1.基本过滤选择器

基本过滤选择器

:first	选取第一个元素
:last	选取最后一个元素
:not()	选取除指定元素外的元素
:even	偶数选择器
:odd	奇数选择器
:eq()	选取指定索引的元素
:gt()	选取大于指定索引的元素
:lt()	选取小于指定索引的元素
:header	选取h1,h2,h3,h4,h5,h6标签
:animated	选取正在执行动画的元素
:lang()	语言代码选择器，1.9版本新增的，基本用不到
:root	根元素选择器，1.9版本新增的，基本用不到
:target	选择由文档URI格式化识别码表示的目标元素，1.9版本新增的，基本用不到

2.子元素过滤选择器

子元素过滤选择器

:first-child	选择父元素第一个子元素
:last-child	选择父元素最后一个子元素
:only-child	选择元素中只包含一个子元素的元素
:nth-child(表达式)	选区父元素中的第x个元素，x由表达式决定
:first-of-type	选取所有相同元素的第一个兄弟元素，1.9新增
:last-of-type	选取所有相同元素的最后一个兄弟元素，1.9新增
:nth-last-type(表达式)	选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个，1.9新增
:only-of-type	:nth-of-type(表达式)             :nth-last-of-type(表达式)

3.层次选择器

层次选择器

E F	选择E元素所有的后代元素
E>F	选择E元素的子元素，子选择器
E+next	选择E元素后的紧临的兄弟元素，等价于.next()
E~siblings	选择E元素后的所有兄弟元素，等价于.nextAll()。如$('p:contains("livestamp")').show().siblings().hide() ;意义：除了包含livestamp的p标签外其他的都要隐藏

4.内容过滤选择器

内容过滤选择器

:contains()	选取含有文本内容的元素。可以做搜索功能。
:has()	选择指定元素的元素
:empty	选择不包含子元素或文本空元素
:parent	选取含有子元素或文本的元素

5.筛选

筛选

eq()	选择指定索引的元素
filter(表达式)	筛选指定表达式的元素
first()	选择第一个元素
last()	选择最后一个元素
is()	检测是否元素返回布尔值
has()	保留包含特定后代的元素，去掉那些不含有指定后代的元素
not()	从匹配的元素集合中移除指定的元素
map()	将一组元素转换成其他数组
slice()	根据指定的下标范围，选取匹配的元素集合

我是第1个p标签
我是第2个p标签
我是第3个p标签
我是第4个p标签
我是第5个p标签
我是第6个p标签

sinlings()	前后所有的兄弟元素
closest()	从元素本身开始，在DOM树上逐级向上级元素匹配，并返回最先匹配的祖先元素
contents()	元素的子元素，包括文字和注释节点
end()	终止在当前链的最新过滤操作，并返回匹配的元素的以前状态
addBack()	添加堆栈中元素集合到当前集合，一个选择性的过滤选择器
each()	遍历一个JQuery对象，为每个匹配元素执行一个函数
andself()	1.8版本中已废弃

6.可见性选择器

可见性选择器

:hidden	选取所有不可见元素
:visible	选取所有可见元素

111

7.其他

remove()：删除节点+节点中的内容

empty()：清空节点中的内容。只是删除节点中的内容，不删除节点，即使节点中有其他节点也删除

111