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 相关文章推荐
jQuery Div中加载其他页面的实现代码
Feb 27 Javascript
关于JavaScript中var声明变量作用域的推断
Dec 16 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 Javascript
vue 组件基础知识总结
Jan 26 Vue.js
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
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
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
基于PHP生成简单的验证码
2016/06/01 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
js的正则test,match,exec详细解析
2014/01/29 Javascript
百度地图api如何使用
2015/08/03 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
Python常见MongoDB数据库操作实例总结
2018/07/24 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
区分python中的进程与线程
2020/08/13 Python
Nike法国官方网站:Nike.com FR
2018/07/22 全球购物
校领导推荐信
2013/11/01 职场文书
学生自我鉴定
2013/12/18 职场文书
《最可爱的人》教学反思
2014/02/14 职场文书
学生打架检讨书
2014/02/14 职场文书
爸爸的花儿落了教学反思
2014/02/20 职场文书
电子银行营销方案
2014/02/22 职场文书
黄山导游词
2015/01/31 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
工作会议通知
2015/04/15 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang
基于PyQT5制作一个桌面摸鱼工具
2022/02/15 Python