jQuery中has()方法用法執行個體_jquery

本文執行個體講述了jQuery中has()方法用法。分享給大家供大家參考。具體分析如下：

此方法保留包含特定後代的匹配元素。
.has()方法將會從原始的jQuery對象中重新建立一組匹配的對象。
方法通過刪選參數將會遍曆原先對象的後代，含有匹配後代的對象將得以保留。

文法結構一:

複製代碼 代碼如下:

$(selector).has(expr)

參數列表:

參數	描述
expr	字串選取器。

執行個體代碼:

複製代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>雲棲社區</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("li").has("span").css("color","green")
})
</script>
</head>
<body>
<div>
  <ul>
    <li><span>HTML專區</span></li>
    <li class="js">Javascript專區</li>
    <li>Div+Css專區</li>
    <li>Jquery專區</li>
  </ul>
</div>
</body>
</html>

匹配含有span元素的li元素，並將其中的字型顏色設定為綠色。

文法結構二:

複製代碼 代碼如下:

$(selector).has(element)

參數列表:

參數	描述
element	含有的DOM元素。

執行個體代碼:

複製代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>雲棲社區</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("li").has(document.getElementsByTagName("span")).css("color","green");
})
</script>
</head>
<body>
<div>
  <ul>
    <li><span>HTML專區</span></li>
    <li class="js">Javascript專區</li>
    <li>Div+Css專區</li>
    <li>Jquery專區</li>
  </ul>
</div>
</body>
</html>

匹配含有span元素的li元素，並將其中的字型顏色設定為綠色。

希望本文所述對大家的jQuery程式設計有所協助。