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获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
jquery使用经验小结
May 20 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
AngularJS实现网站换肤实例
Feb 19 Javascript
Windows安装Node.js报错:2503、2502的解决方法
Oct 25 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 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
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
PHP输出英文时间日期的安全方法(RFC 1123格式)
2014/06/13 PHP
PHP获取文件行数的方法
2015/06/10 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
PHP下用Swoole实现Actor并发模型的方法
2019/06/12 PHP
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
Vue使用axios出现options请求方法
2019/05/30 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
2020/03/07 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
python实现人人网登录示例分享
2014/01/19 Python
Python数组条件过滤filter函数使用示例
2014/07/22 Python
举例讲解Python中装饰器的用法
2015/04/27 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
在python中使用nohup命令说明
2020/04/16 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
Android interview questions
2016/12/25 面试题
团日活动策划书
2014/02/01 职场文书
大学生简历求职信
2014/06/24 职场文书
小学运动会演讲稿
2014/08/25 职场文书
Nginx域名转发使用场景代码实例
2021/03/31 Servers
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android