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

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

    <li>Javascript專區(qū)</li> 

    <li>Jquery專區(qū)</li> 

  </ul> 

</div> 

</body> 

</html>

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

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

您可能感興趣的文章:

相關(guān)文章

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