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函数重载的解决方案
May 13 Javascript
自己封装的javascript事件队列函数版
Jun 12 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
js利用正则表达式检验输入内容是否为网址
Jul 05 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
js实现放大镜特效
May 18 Javascript
JavaScript中callee和caller的区别与用法实例分析
Jun 28 Javascript
js实现随机抽奖
Mar 19 Javascript
JS如何定义用字符串拼接的变量
Jul 11 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
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的库,结果发现很多东西
2006/12/31 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
学习JavaScript设计模式之责任链模式
2016/01/18 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
js无法获取到html标签的属性的解决方法
2016/07/26 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
Vue导出页面为PDF格式的实现思路
2018/07/31 Javascript
JS简单判断是否在微信浏览器打开的方法示例
2019/01/08 Javascript
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
2020/08/06 Javascript
python复制与引用用法分析
2015/04/08 Python
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
Python多线程扫描端口代码示例
2018/02/09 Python
python Tkinter版学生管理系统
2019/02/20 Python
python 实现多线程下载m3u8格式视频并使用fmmpeg合并
2019/11/15 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
使用python turtle画高达
2020/01/19 Python
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
打架检讨书400字
2014/01/17 职场文书
美术专业个人自我评价
2014/01/18 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
小学生纪念九一八事变演讲稿
2014/09/14 职场文书
学校党的群众路线教育实践活动整改措施
2014/10/25 职场文书
公司员工安全协议书
2014/11/21 职场文书
男生贾里读书笔记
2015/06/30 职场文书
孙振耀退休感言
2015/08/01 职场文书
外科护士长工作总结
2015/08/12 职场文书
为什么node.js不适合大型项目
2021/04/28 Javascript