jQuery的筛选器

      jQuery 的筛选器
        + 对 jQuery 的元素集合进行二次筛选
        + 注意: 只有 jQuery 的元素集合才可以使用, 原生 DOM 对象不能使用


      1. first()
        => 元素集合里面的第一个
      2. last()
        => 元素集合里面的最后一个
      3. eq(索引)
        => 元素集合里面指定索引的那一个


      4. next()
        => 当前元素的下一个元素
      5. nextAll()
        => 语法
          1. 元素集合.nextAll()       
              获取到当前元素后面的所有兄弟元素
          2. 元素集合.nextAll(选择器)  
              获取到当前元素后面所有元素中指定选择器的那一个
      6. nextUntil()
        => 语法
          1. 元素集合.nextUntil()     
              获取到当前元素后面所有的兄弟元素
          2. 元素结合.nextUntil(选择器) 
              获取到当前元素后面所有兄弟元素, 直到选择器元素为止(不包含选择器元素)


      7. prev()
        => 当前元素的上一个元素
      8. prevAll()
        => 语法
          1. 元素集合.prevAll()       
               获取到当前元素上面的所有兄弟元素
          2. 元素集合.prevAll(选择器) 
               获取到当前元素上面的所有兄弟元素中指定选择器的那一个
      9. prevUntil()
        => 语法
          1. 元素结合.prevUntil()   
               获取到当前元素上面所有的兄弟元素
          2. 元素结合.prevUntil(选择器) 
               获取到当前元素上面所有兄弟元素, 直到选择器元素为止(不包含选择器元素)


      10. parent()
        => 获取到当前元素的父元素
      11. parents()
        => 语法
          1. 元素集合.parents()         
              拿到结构父级的所有父元素
          2. 元素集合.parents(选择器)   
              拿到结构父级里面所有父元素中符合选择器的那一个元素
      12. children()
        => 语法
          1. 元素集合.children()       
              拿到该元素的所有子元素
          2. 元素集合.children(选择器)  
              拿到该元素的所有子元素中符合选择器的那一个元素
      13. sinblings()
        => 拿到该元素的所有兄弟元素, 自己除外


      14. find()
        => 找到该元素中所有后代元素里面符合选择器条件的元素
      15. index()
        => 获取到的就是该元素在其父元素里面的索引位置


        
    // 1. first
    console.log($('li').first())
    // 2. last
    console.log($('li').last())
    // 3. eq(索引)
    console.log($('li').eq(2))


    // 4. next()
    console.log($('span').next())
    // 5. nextAll()
    console.log($('span').nextAll())
    console.log($('span').nextAll('.box'))
    // 6. nextUntil()
    console.log($('span').nextUntil())
    console.log($('span').nextUntil('.box'))


    // 7. prev()
    console.log($('span').prev())
    // 8. prevAll()
    console.log($('span').prevAll())
    console.log($('span').prevAll('.box'))
    // 9. prevUntil()
    console.log($('span').prevUntil())
    console.log($('span').prevUntil('.box'))


    // 10. parent()
    console.log($('span').parent())
    11. parents()
    console.log($('span').parents())
    console.log($('span').parents('body'))
    // 12. chidlren()
    console.log($('ul').children())
    console.log($('ul').children('.box'))
    // 13. siblings()
    console.log($('span').siblings())


    // 14. find()
    console.log($('body').find('span'))
    // 15. index()
    console.log($('span').index())
    console.log($('.a'))
    console.log($('.a').first().index())
    console.log($('.a').last().index())