jQuery中contents()方法用法實(shí)例
更新時(shí)間：2015年01月08日 12:06:21 投稿：shichen2014
這篇文章主要介紹了jQuery中contents()方法用法,實(shí)例分析了contents()方法的功能、定義及查找匹配元素內(nèi)部所有的一級(jí)子節(jié)點(diǎn)的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中contents()方法用法。分享給大家供大家參考。具體分析如下：
此方法查找匹配元素內(nèi)部所有的一級(jí)子節(jié)點(diǎn)（包括文本節(jié)點(diǎn)）。
如果元素是一個(gè)iframe，則查找文檔內(nèi)容。
contents()方法和children()方法類似，不同的是前者在結(jié)果jQuery 對(duì)象中包含了文本節(jié)點(diǎn)以及HTML元素。
語(yǔ)法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).contents()
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>contents()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul").contents().not("[nodeType==1]").css("color","red");
})
</script>
</head>
<body>
<div>
<ul>
<li>html專區(qū)</li>
<li>DIV+CSS專區(qū)</li>
<li>Javascript專區(qū)</li>
<li>Jquery專區(qū)</li>
</ul>
</div>
</body>
</html>
以上代碼可以將ul元素下的文本節(jié)點(diǎn)的顏色設(shè)置為紅色。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery中append、insertBefore、after與insertAfter的簡(jiǎn)單用法與注意事項(xiàng)
- jQuery中insertAfter()方法用法實(shí)例
- jQuery中prependTo()方法用法實(shí)例
- jQuery中appendTo()方法用法實(shí)例
- jQuery中append()方法用法實(shí)例
- jQuery中end()方法用法實(shí)例
- jQuery中andSelf()方法用法實(shí)例
- jQuery中add()方法用法實(shí)例
- jQuery中siblings()方法用法實(shí)例
- jQuery中insertBefore()方法用法實(shí)例
相關(guān)文章
jQuery操作select下拉框的text值和value值的方法
這篇文章主要介紹了jQuery操作select下拉框的text值和value值的方法,需要的朋友可以參考下2014-05-05
延遲執(zhí)行在某些特殊的情況下還是蠻有用的，實(shí)現(xiàn)的方法也很簡(jiǎn)單，本文有個(gè)不錯(cuò)的示例，有需要的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
jQuery EasyUI 折疊面板accordion的使用實(shí)例(分享)
下面小編就為大家分享一篇jQuery EasyUI 折疊面板accordion的使用實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
jQuery實(shí)現(xiàn)滾動(dòng)鼠標(biāo)放大縮小圖片的方法(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)鼠標(biāo)放大縮小圖片的方法,實(shí)例分析了jquery mousewheel插件實(shí)現(xiàn)鼠標(biāo)事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-03-03
當(dāng)頁(yè)面打開時(shí)我們需要執(zhí)行一些操作，下面為大家介紹三種不錯(cuò)的方法，大家可以參考下2014-06-06
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)擲骰子游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要介紹了Jquery 實(shí)現(xiàn)彈出層插件,包括遮罩層、插件參數(shù)、關(guān)閉動(dòng)作、拖拽效果等，需要的朋友可以參考下2015-01-01
jQuery插件HighCharts繪制2D圓環(huán)圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D圓環(huán)圖效果,結(jié)合實(shí)例形式分析了jQuery使用HighCharts插件繪制圓環(huán)圖的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jquery實(shí)現(xiàn)轉(zhuǎn)盤抽獎(jiǎng)功能
本文主要介紹了用的jqueryRotate插件實(shí)現(xiàn)轉(zhuǎn)盤抽獎(jiǎng)功能的方法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要介紹了jQuery基本選擇器之標(biāo)簽名選擇器的相關(guān)資料,本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09