当前位置：首页 > 资讯 > 技术文档

jQuery中contents()方法用法实例

时间：2020-10-25 20:11 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery中contents()方法用法实例

本文实例讲述了jQuery中contents()方法用法。分享给大家供大家参考。具体分析如下：此方法查找匹配元素内部所有的一级子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容。 contents()方法和children()方法类似，不同的是前者在结果jQuery 对象中包含了文本节点以及HTML元素。 [b]语法结构: [/b]

[u]复制代码[/u] 代码如下:

$(selector).contents()

[b]实例代码:[/b]

[u]复制代码[/u] 代码如下:

<!DOCTYPE html> 

<html> 

<head> 

<meta charset=" utf-8"> 

<meta name="author" content="http://www.1sucai.cn/" />

<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>

<div>

  <ul>

    <li>html专区</li>

    <li>DIV+CSS专区</li>

    <li>Javascript专区</li>

    <li>Jquery专区</li>

  </ul>

</div>

</body>

</html>

以上代码可以将ul元素下的文本节点的颜色设置为红色。希望本文所述对大家的jQuery程序设计有所帮助。

全部评论(0)

上一篇：用jQuery实现一些导航条切换,显示隐藏的实例代码
下一篇：jquery性能优化高级技巧

资讯排行榜
更多>>