cari

Rumah >hujung hadapan web >tutorial js >jQuery中contents()方法用法实例

jQuery中contents()方法用法实例

巴扎黑
巴扎黑asal
2017-06-24 11:13:411902semak imbas

这篇文章主要介绍了jQuery中contents()方法用法,实例分析了contents()方法的功能、定义及查找匹配元素内部所有的一级子节点的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery中contents()方法用法。分享给大家供大家参考。具体分析如下：

此方法查找匹配元素内部所有的一级子节点（包括文本节点）。
如果元素是一个iframe，则查找文档内容。
contents()方法和children()方法类似，不同的是前者在结果jQuery 对象中包含了文本节点以及HTML元素。

语法结构:

代码如下:

$(selector).contents()

实例代码:

代码如下:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.jb51.net/" /> 
<title>contents()函数-脚本之家</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> 
<p> 
  <ul> 
    <li>html专区</li> 
    <li>p+CSS专区</li> 
    <li>Javascript专区</li> 
    <li>Jquery专区</li> 
  </ul> 
</p> 
</body> 
</html>

以上代码可以将ul元素下的文本节点的颜色设置为红色。

Atas ialah kandungan terperinci jQuery中contents()方法用法实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery.contents() 函数详解Artikel seterusnya：jQuery中end方法的用法

Artikel berkaitan

Lihat lagi