2018-08-27 jq筛选选择器

筛选选择器:为了辅助选择器更简便、快速的找到元素;

1.过滤

  eq(n) -> 第n个元素(从零开始) $('h1').eq(2) // 第三个h1

  first() -> 第一个元素

  last() -> 最后一个元素

  has('p')-> 含有p标签的元素 $('h1').has('p') //找到所有含有p标签的h1元素

  hasClass('btn') ->含有btn属性的元素 $('input').hasClass('btn') //找到所有含有btn类的input元素

  not()-> 除了; $('h1').not($('h1').eq(0)) //除了第一个h1标签的所有h1标签

  slice(a,b)-> 从a到b,且不包含b

2.查找

  children() -> 所有子元素

  find() -> 查找后代

  next() -> 下一个兄弟元素

  prev() -> 上一个兄弟元素

  nextAll() -> 后面所有的兄弟元素

  prevAll() -> 前面所有的兄弟元素

  sibilings() -> 所有的兄弟元素

  parent() -> 所有的父元素

3.串联

  add() ->加上; $('h1').add('p') //找到所有的h1标签和p标签

  andSelf() ->加上自己 $('h1').next().andSelf() //找到所有h1下面的兄弟元素并加上自己

 

posted @ 2018-06-27 11:28  喵星人~  阅读(141)  评论(0编辑  收藏  举报