jQuery is()

admin發表於2017-02-14
jQuery

此方法判斷當前匹配元素集合中的元素是否與指定的引數匹配。

如果至少一個匹配給定的引數，那麼返回true，否則返回false。

語法結構一:

[JavaScript] 純文字檢視 複製程式碼
$(selector).is(expr)

引數解析:

expr:一個字串，包含一個用來匹配元素的選擇器表示式。

jQuery1.0版本新增。

語法結構二:

[JavaScript] 純文字檢視 複製程式碼
$(selector).is(function(index))

引數解析:

function(index):一個函式，用來判斷集合中的元素。具有一個引數index，表示當前元素在jQuery集合的索引位置。在函式中，this指向當前的DOM元素。

如果函式的返回值是true，那麼is()返回true，否則返回false。

jQuery1.6版本新增。

語法結構三:

[JavaScript] 純文字檢視 複製程式碼
$(selector).is(jQuery object)

引數解析:

jQuery object:jQuery物件，以匹配當前的元素。

jQuery1.6版本新增。

語法結構四:

[JavaScript] 純文字檢視 複製程式碼
$(selector).is(element)

引數解析:

element:用於匹配元素的DOM元素。

jQuery1.6版本新增。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  if ($("li").parent().is("ul")) {
    $("li").eq(0).css("color","blue");
  }
})
</script>
</head>
<body>
<div>
  <ul>
    <li>螞蟻部落一</li>
    <li>螞蟻部落二</li>
  </ul>
</div>
</body>
</html>

如果li元素的父元素是ul元素，那麼就將第一個li元素字型顏色設定為藍色。

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  if ($("li").parent().is(function () {
    return $("ul").attr("id") == "parent"
  })) {
    $("li").eq(0).css("color", "blue");
  }
})
</script>
</head>
<body>
<div>
  <ul id="parent">
    <li>螞蟻部落一</li>
    <li>螞蟻部落二</li>
  </ul>
</div>
</body>
</html>

上面的程式碼會將第一個li元素的字型顏色設定為藍色。

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
  var ul=document.getElementById("parent");
  if ($("li").parent().is(ul)) {
    $("li").eq(0).css("color", "blue");
  }
})
</script>
</head>
<body>
<div>
  <ul id="parent">
    <li>螞蟻部落一</li>
    <li>螞蟻部落二</li>
  </ul>
</div>
</body>
</html>

與上面的程式碼功能相同，只不過引數是一個dom物件，對於jQuery物件也是如此。

相關文章