此方法查找匹配元素內(nèi)部所有的一級(jí)子節(jié)點(diǎn)（包括文本節(jié)點(diǎn)）。
如果元素是一個(gè)iframe，則查找文檔內(nèi)容。
contents()方法和children()方法類(lèi)似，不同的是前者在結(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.dbjr.com.cn/" /> 

<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專(zhuān)區(qū)</li> 

    <li>DIV+CSS專(zhuān)區(qū)</li> 

    <li>Javascript專(zhuān)區(qū)</li> 

    <li>Jquery專(zhuān)區(qū)</li> 

  </ul> 

</div> 

</body> 

</html>

以上代碼可以將ul元素下的文本節(jié)點(diǎn)的顏色設(shè)置為紅色。

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

您可能感興趣的文章:

相關(guān)文章

jQuery事件注冊(cè)的實(shí)現(xiàn)示范
jQuery為我們提供了方便的事件注冊(cè)機(jī)制，它的優(yōu)點(diǎn)，操作簡(jiǎn)單，且不用擔(dān)心事件覆蓋等問(wèn)題。缺點(diǎn)，普通的事件注冊(cè)不能做事件委托，且無(wú)法實(shí)現(xiàn)事件解綁，需要借助其他方法
2022-07-07
如何編寫(xiě)jquery插件
編寫(xiě)插件的目的是給已經(jīng)有的一系列方法或函數(shù)做一個(gè)封裝，以便在其他地方重復(fù)使用，提高開(kāi)發(fā)效率和方便后期維護(hù)。本文將詳細(xì)介紹如何編寫(xiě)jQuery插件
2017-03-03
jQuery中:file選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:file選擇器用法,實(shí)例分析了:file選擇器的功能、定義及選取類(lèi)型為file的<input>元素的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery實(shí)現(xiàn)字符串全部替換的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)字符串全部替換的方法,結(jié)合實(shí)例形式對(duì)比分析了使用Replace進(jìn)行替換的方法及使用正則進(jìn)行全部替換的相關(guān)操作技巧,需要的朋友可以參考下
2016-12-12
jQuery實(shí)現(xiàn)移動(dòng)端圖片上傳預(yù)覽組件的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)移動(dòng)端圖片上傳預(yù)覽組件的方法,結(jié)合實(shí)例形式分析了jQuery移動(dòng)端圖片上傳預(yù)覽組件的實(shí)現(xiàn)原理、核心代碼與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2020-05-05
jQuery學(xué)習(xí)2 選擇器的使用說(shuō)明
利用選擇器，選擇要被操作的html中的元素。
2010-02-02
Jquery回調(diào)對(duì)象與延遲對(duì)象用法詳解
本文詳細(xì)講解了Jquery回調(diào)對(duì)象與延遲對(duì)象的用法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-05-05
jQuery DataTables插件自定義Ajax分頁(yè)實(shí)例解析
這篇文章主要為大家詳細(xì)介紹了jQuery DataTables插件自定義Ajax分頁(yè)的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
用Jquery去操作HTML元素很方便，能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選，以下用到的一些，整理了一下，還有很多有趣的用法，后續(xù)會(huì)繼續(xù)添加。
2011-07-07
jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
這篇文章主要介紹了jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法,結(jié)合實(shí)例形式分析了動(dòng)態(tài)添加元素?zé)o法綁定事件的原因與相關(guān)解決方法,需要的朋友可以參考下
2018-01-01