[JavaScript基础]学习④0--层级选择器

http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001437023139167510b90eb2c924f72aeba0db592a9eb54000

层级选择器(Descendant Selector)


  • JavaScript
  • Python
  • Lua

选出JavaScript

$('ul.lang li.lang-javascript'); // [
  • JavaScript
  • ] $('div.testing li.lang-javascript'); // [
  • JavaScript
  • ]

    选择所有的节点

    $('ul.lang li');
    

    把选择范围限定在name属性为upload的表单里

    $('form[name=upload] input');
    

    子选择器(Child Selector)

    $('ul.lang>li.lang-javascript'); // 可以选出[
  • JavaScript
  • ] $('div.testing>li.lang-javascript'); // [], 无法选出,因为
  • 不构成父子关系
  • 过滤器(Filter)

    $('ul.lang li'); // 选出JavaScript、Python和Lua 3个节点
    
    $('ul.lang li:first-child'); // 仅选出JavaScript
    $('ul.lang li:last-child'); // 仅选出Lua
    $('ul.lang li:nth-child(2)'); // 选出第N个元素,N从1开始
    $('ul.lang li:nth-child(even)'); // 选出序号为偶数的元素
    $('ul.lang li:nth-child(odd)'); // 选出序号为奇数的元素
    

    表单相关

    :input:可以选择