JQuery层次选择器

JQuery层次选择器_第1张图片

以上四个分别是:

  1. 子元素选择器(直接父子关系)
  2. 后代元素选择器(后代所有,包括孙子关系)
  3. 相邻元素选择器(紧邻元素的下一个元素)
  4. 兄弟元素选择器(所有与元素同级的)

示例:运用这四个选择器




    
    Title



运行结果:

注意,如果把注释的那一行去掉注释,运行结果就变成:

相邻元素选择器就没有任何元素被选中,因为id为test的div紧邻它的下一个元素变成了div,而不是p。

你可能感兴趣的:(JQuery)