2018-08-27 jq篩選選擇器

篩選選擇器:爲了輔助選擇器更簡便、快速的找到元素;spa

1.過濾input

  eq(n) -> 第n個元素(從零開始) $('h1').eq(2) // 第三個h1ast

  first() -> 第一個元素next

  last() -> 最後一個元素標籤

  has('p')-> 含有p標籤的元素 $('h1').has('p') //找到全部含有p標籤的h1元素co

  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下面的兄弟元素並加上本身

相關文章
相關標籤/搜索