jQuery中has()方法用法實(shí)例
更新時(shí)間：2015年01月06日 15:33:33 投稿：shichen2014
這篇文章主要介紹了jQuery中has()方法用法,實(shí)例分析了has()方法的功能、定義及保留包含特定后代的匹配元素的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中has()方法用法。分享給大家供大家參考。具體分析如下：
此方法保留包含特定后代的匹配元素。
.has()方法將會從原始的jQuery對象中重新創(chuàng)建一組匹配的對象。
方法通過刪選參數(shù)將會遍歷原先對象的后代，含有匹配后代的對象將得以保留。
語法結(jié)構(gòu)一:
復(fù)制代碼 代碼如下:
$(selector).has(expr)
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.fzitv.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專區(qū)</span></li>
<li class="js">Javascript專區(qū)</li>
<li>Div+Css專區(qū)</li>
<li>Jquery專區(qū)</li>
</ul>
</div>
</body>
</html>
匹配含有span元素的li元素，并將其中的字體顏色設(shè)置為綠色。
語法結(jié)構(gòu)二:
復(fù)制代碼 代碼如下:
$(selector).has(element)
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.fzitv.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專區(qū)</span></li>
<li class="js">Javascript專區(qū)</li>
<li>Div+Css專區(qū)</li>
<li>Jquery專區(qū)</li>
</ul>
</div>
</body>
</html>
匹配含有span元素的li元素，并將其中的字體顏色設(shè)置為綠色。
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
jQuery 開發(fā)之EasyUI 添加數(shù)據(jù)的實(shí)例
這篇文章主要介紹了jQuery 開發(fā)之EasyUI 添加數(shù)據(jù)的實(shí)例的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握這部分內(nèi)容，需要的朋友可以參考下2017-09-09
前些陣子寫了個(gè)插件目的就是能夠像.net 的 Requst.QuerySting["param"]那樣獲取地址欄參數(shù)?，F(xiàn)在拿出來和大家分享。感覺這個(gè)插件還是蠻有用的。2010-10-10
從Ajax到JQuery Ajax學(xué)習(xí)2007-02-02
jquery實(shí)現(xiàn)轉(zhuǎn)盤抽獎(jiǎng)功能
本文主要介紹了用的jqueryRotate插件實(shí)現(xiàn)轉(zhuǎn)盤抽獎(jiǎng)功能的方法，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了jQuery如何實(shí)現(xiàn)模糊搜索，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
學(xué)習(xí)使用jquery iScroll.js移動(dòng)端滾動(dòng)條插件
這篇文章主要為大家詳細(xì)介紹了jquery iScroll.js移動(dòng)端滾動(dòng)條插件的使用方法，以及iScroll.js使用注意事項(xiàng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-02-02
jQuery實(shí)現(xiàn)的Tab滑動(dòng)選項(xiàng)卡及圖片切換(多種效果)小結(jié)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的Tab滑動(dòng)選項(xiàng)卡及圖片切換效果小結(jié),實(shí)例總結(jié)了幾種常見的tab切換效果,包括鼠標(biāo)點(diǎn)擊切換、滑過切換、定時(shí)自動(dòng)切換等,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09
jquery $.ajax相關(guān)用法分享，使用jquery的朋友可以參考下2012-03-03
下面小編就為大家?guī)硪黄獪\談jQuery 選擇器和dom操作。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
Jquery實(shí)現(xiàn)點(diǎn)擊切換圖片并隱藏顯示內(nèi)容(2種方法實(shí)現(xiàn))
電腦屏幕大小是固定的，那么如何在有限的空間放更多的內(nèi)容呢，jquery的tab切換式瀏覽卻可以解決這個(gè)問題2013-04-04