JQuery选择器——层级选择器

Posted 2020-10-13

      JQuery层级选择器

1   全选择器          $("*")

   又名*选择器，在JQuery中选择文档页面中的元素，通配符*给所有元素设置默认边距

2   在.getElementsByTagName()传递*可以获取所有元素

3   getElementById的兼容性

   getElementById的参数在IE8及较低的版本中不区分大小写

   IE8及较低的版本，浏览器不支持getElementByClassName

   IE会将注释节点实现为元素，在IE中调用getElementByTagName会包含注释节点

   IE7及较低的版本中和表单元素中，getElementById会选择第一个元素

4   层级选择器

  处理节点中的子元素、后代元素、兄弟元素和相邻元素这种关系

5   层级选择器的区别

   子选择器      选择所有指定“parent”元素中指定的child直接子元素

   后代选择器      选择给定的祖先元素的所有后代元素

   相邻兄弟选择器      选择所有紧接在prev元素后的next元素

   一般兄弟选择器      匹配prev元素之后的所有兄弟元素，具有相同的父元素，并匹配过滤 siblings选择器

6   层级选择器都有一个参考节点

7   后代选择器包括子选择器的选择的内容

8   一般兄弟选择器包含相邻兄弟选择的内容

9   相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素