jQuery中contents()方法用法實(shí)例

更新時間：2015年01月08日 12:06:21 投稿：shichen2014

這篇文章主要介紹了jQuery中contents()方法用法,實(shí)例分析了contents()方法的功能、定義及查找匹配元素內(nèi)部所有的一級子節(jié)點(diǎn)的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery中contents()方法用法。分享給大家供大家參考。具體分析如下：

此方法查找匹配元素內(nèi)部所有的一級子節(jié)點(diǎn)（包括文本節(jié)點(diǎn)）。
如果元素是一個iframe，則查找文檔內(nèi)容。
contents()方法和children()方法類似，不同的是前者在結(jié)果jQuery 對象中包含了文本節(jié)點(diǎn)以及HTML元素。

語法結(jié)構(gòu):

復(fù)制代碼代碼如下:

$(selector).contents()

實(shí)例代碼:

復(fù)制代碼代碼如下:

<!DOCTYPE html>  

<html>  

<head>  

<meta charset=" utf-8">  

<meta name="author" content="http://www.dhdzp.com/" /> 

<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è)置為紅色。

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery操作select下拉框的text值和value值的方法
這篇文章主要介紹了jQuery操作select下拉框的text值和value值的方法,需要的朋友可以參考下
2014-05-05
jquery 延遲執(zhí)行實(shí)例介紹
延遲執(zhí)行在某些特殊的情況下還是蠻有用的，實(shí)現(xiàn)的方法也很簡單，本文有個不錯的示例，有需要的朋友可以參考下，希望對大家有所幫助
2013-08-08
jQuery EasyUI 折疊面板accordion的使用實(shí)例(分享)
下面小編就為大家分享一篇jQuery EasyUI 折疊面板accordion的使用實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
jQuery實(shí)現(xiàn)滾動鼠標(biāo)放大縮小圖片的方法(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動鼠標(biāo)放大縮小圖片的方法,實(shí)例分析了jquery mousewheel插件實(shí)現(xiàn)鼠標(biāo)事件響應(yīng)及頁面元素屬性動態(tài)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-03-03
jQuery頁面加載初始化常用的三種方法
當(dāng)頁面打開時我們需要執(zhí)行一些操作，下面為大家介紹三種不錯的方法，大家可以參考下
2014-06-06
使用jQuery實(shí)現(xiàn)擲骰子游戲
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)擲骰子游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
Jquery 實(shí)現(xiàn)彈出層插件
這篇文章主要介紹了Jquery 實(shí)現(xiàn)彈出層插件,包括遮罩層、插件參數(shù)、關(guān)閉動作、拖拽效果等，需要的朋友可以參考下
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)盤抽獎功能
本文主要介紹了用的jqueryRotate插件實(shí)現(xiàn)轉(zhuǎn)盤抽獎功能的方法，具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
jQuery基本選擇器之標(biāo)簽名選擇器
這篇文章主要介紹了jQuery基本選擇器之標(biāo)簽名選擇器的相關(guān)資料,本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-09-09