jQuery中contents()方法用法实例


Posted in Javascript onJanuary 08, 2015

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

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

语法结构:

$(selector).contents()

实例代码:

<!DOCTYPE html>  

<html>  

<head>  

<meta charset=" utf-8">  

<meta name="author" content="https://3water.com/" /> 

<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程序设计有所帮助。

Javascript 相关文章推荐
js单例模式的两种方案
Oct 22 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
javascript的日期对象、数组对象、二维数组使用说明
Dec 22 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
JS实现的tab页切换效果完整示例
Dec 18 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 Javascript
vue Element-ui表格实现树形结构表格
Jun 07 Vue.js
jQuery中andSelf()方法用法实例
Jan 08 #Javascript
jQuery中add()方法用法实例
Jan 08 #Javascript
javascript 动态创建表格
Jan 08 #Javascript
javascript实现避免页面按钮重复提交
Jan 08 #Javascript
Node.js 制作实时多人游戏框架
Jan 08 #Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 #Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 #Javascript
You might like
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
Symfony2开发之控制器用法实例分析
2016/02/05 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
浅谈vue-props的default写不写有什么区别
2020/08/09 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
深入分析python数据挖掘 Json结构分析
2018/04/21 Python
flask框架视图函数用法示例
2018/07/19 Python
PyQt+socket实现远程操作服务器的方法示例
2019/08/22 Python
Python socket 套接字实现通信详解
2019/08/27 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
django框架两个使用模板实例
2019/12/11 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
Python 没有main函数的原因
2020/07/10 Python
如何基于Python实现word文档重新排版
2020/09/29 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
英国电信商店:BT Shop
2019/12/17 全球购物
办公室前台岗位职责范本
2013/12/10 职场文书
毕业生的自我评价
2013/12/30 职场文书
小学红领巾中秋节广播稿
2014/01/13 职场文书
公司前台辞职报告
2014/01/19 职场文书
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
优秀党员主要事迹材料
2015/11/04 职场文书
2016国培学习心得体会
2016/01/08 职场文书
在Python中如何使用yield
2021/06/07 Python
Python Pandas模块实现数据的统计分析的方法
2021/06/24 Python
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android