JQuery层级选择器
1 全选择器 $("*")
又名*选择器,在JQuery中选择文档页面中的元素,通配符*给所有元素设置默认边距
2 在.getElementsByTagName()传递*可以获取所有元素
3 getElementById的兼容性
getElementById的参数在IE8及较低的版本中不区分大小写
IE8及较低的版本,浏览器不支持getElementByClassName
IE会将注释节点实现为元素,在IE中调用getElementByTagName会包含注释节点
IE7及较低的版本中和表单元素中,getElementById会选择第一个元素
4 层级选择器
处理节点中的子元素、后代元素、兄弟元素和相邻元素这种关系
5 层级选择器的区别
子选择器 $("parent>child") 选择所有指定“parent”元素中指定的child直接子元素
后代选择器 $("ancestor descendant") 选择给定的祖先元素的所有后代元素
相邻兄弟选择器 $("prev+next") 选择所有紧接在prev元素后的next元素
一般兄弟选择器 $("prev~silblings") 匹配prev元素之后的所有兄弟元素,具有相同的父元素,并匹配过滤 siblings选择器
6 层级选择器都有一个参考节点
7 后代选择器包括子选择器的选择的内容
8 一般兄弟选择器包含相邻兄弟选择的内容
9 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素
本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1980445