返回值:Booleanis(expr|obj|ele|fn)
jQuery is() 方法概述
根據(jù)選擇器、DOM元素或 jQuery 對象來檢測匹配元素集合,如果其中至少有一個元素符合這個給定的表達式就返回true。
如果沒有元素符合,或者表達式無效,都返回'false'。 '''注意:'''在jQuery 1.3中才對所有表達式提供了支持。在先前版本中,如果提供了復雜的表達式,比如層級選擇器(比如 + , ~ 和 > ),始終會返回true
參數(shù)
exprStringV1.0
字符串值,包含供匹配當前元素集合的選擇器表達式。
jQuery objectobjectV1.6
現(xiàn)有的jQuery對象,以匹配當前的元素。
elementExpressionV1.6
一個用于匹配元素的DOM元素。
function(index)FunctionV1.6
一個函數(shù)用來作為測試元素的集合。它接受一個參數(shù)index,這是元素在jQuery集合的索引。在函數(shù), this指的是當前的DOM元素。
示例
參數(shù)expr 描述:
由于input元素的父元素是一個表單元素,所以返回true。
HTML 代碼:
<form><input type="checkbox" /></form>
jQuery 代碼:
$("input[type='checkbox']").parent().is("form")
結果:
true
回調(diào)函數(shù) 描述:
判斷點擊li標簽增加背景色為紅色,如果點擊的是第2個strong,當前的li增加背景色為綠色,
HTML 代碼:
<ul>
<li><strong>list</strong> item 1 - one strong tag</li>
<li><strong>list</strong> item <strong>2</strong> - two <span>strong tags</span></li>
<li>list item 3</li>
</ul>
jQuery 代碼:
$("li").click(function() {
var $li = $(this),
isWithTwo = $li.is(function() {
return $('strong', this).length === 2;
});
if ( isWithTwo ) {
$li.css("background-color", "green");
} else {
$li.css("background-color", "red");
}
});
結果:
- list item 1 - one strong tag
- list item 2 - two strong tags
- list item 3
- list item 4
- list item 5