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 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素