1. 程式人生 > >jQuery-篩選

jQuery-篩選

ima 子元素 -i 至少 tab 指定表 lin height select

篩選是對選擇器的結果進行篩選

參考http://jquery.cuishifeng.cn/index.html

篩選分為過濾和查找

一:篩選

使用 說明 例子

eq(index|-index)

獲取當前鏈式操作中第N個jQuery對象,返回jQuery對象,

當參數大於等於0時為正向選取,比如0代表第一個,1代表第二個。

當參數為負數時為反向選取,比如-1為倒數第一個

$("p").eq(1)
$("p").eq(-2)

first()

獲取第一個元素
$(‘li‘).first()

last()

獲取最後個元素
$(‘li‘).last()

hasClass(class)

檢查當前的元素是否含有某個特定的類,

如果有,則返回true

$("div").click(function(){
  if ( $(this).hasClass("protected") )
    $(this)
      .animate({ left: -10 })
      .animate({ left: 10 })
      .animate({ left: -10 })
      .animate({ left: 10 })
      .animate({ left: 0 });
});

filter(expr|obj|ele|fn)

篩選出與指定表達式匹配的元素集合
$("p").filter(".selected")

is(expr|obj|ele|fn)

根據選擇器、DOM元素或 jQuery 對象來檢測匹配元素集合,

如果其中至少有一個元素符合這個給定的表達式就返回true

$("input[type=‘checkbox‘]").parent().is("form")

has(expr|ele)

保留包含特定後代的元素,

去掉那些不含有指定後代的元素

$(‘li‘).has(‘ul‘)

not(expr|ele|fn)

從匹配元素的集合中刪除與指定表達式匹配的元素
$("p").not( $("#selected")[0] )

slice(start,[end])

選取一個匹配的子集
$("p").slice(0, 2)

二:查找

使用 說明 例子
  • children([expr])
所有子元素的元素集合
$("div").children()
  • find(e|o|e)
搜索所有與指定表達式匹配的元素
$("p").find("span")
  • next([expr])

每一個元素緊鄰的後面同輩元素的元素集合

回後面那個緊鄰的同輩元素

$("p").next(".selected")
  • nextAll([expr])
查找當前元素之後所有的同輩元素
$("div:first").nextAll()
  • nextUntil([e|e][,f])

查找當前元素之後所有的同輩元素,

直到遇到匹配的那個元素為止。

$(‘#term-2‘).nextUntil(‘dt‘)
  • parent([expr])
取得一個包含著所有匹配元素的唯一父元素的元素集合
$("p").parent(".selected")
  • parents([expr])

取得一個包含著所有匹配元素的祖先

元素的元素集合(不包含根元素)

$("span").parents()
  • parentsUntil([e|e][,f])

查找當前元素的所有的父輩元素,

直到遇到匹配的那個元素為止

$(‘li.item-a‘).parentsUntil(‘.level-1‘)
  • prev([expr])

取得一個包含匹配的元素集合中

每一個元素緊鄰的前一個同輩元素的元素集合

$("p").prev(".selected")
  • prevall([expr])
查找當前元素之前所有的同輩元素
$("div:last").prevAll()

  • prevUntil([e|e][,f])

查找當前元素之前所有的同輩元素,

直到遇到匹配的那個元素為止

$(‘#term-2‘).prevUntil(‘dt‘)
  • siblings([expr])

取得一個包含匹配的元素集合中

每一個元素的所有唯一同輩元素的元素集合

$("div").siblings(".selected")

  

jQuery-篩選