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 相关文章推荐
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
Jul 06 Javascript
JS 文件传参及处理技巧分析
May 13 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
Sep 07 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
Mar 02 Javascript
JavaScript中的prototype原型学习指南
May 09 Javascript
Angularjs 手写日历的实现代码(不用插件)
Oct 18 Javascript
微信小程序获取地理位置及经纬度授权代码实例
Sep 18 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
js类后台管理菜单类-MenuSwitch
2007/09/12 Javascript
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
关于javascript function对象那些迷惑分析
2011/10/24 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
2017/12/28 Javascript
vue一个页面实现音乐播放器的示例
2018/02/06 Javascript
Node.js readline模块与util模块的使用
2018/03/01 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
jQuery选择器之基本选择器用法实例分析
2019/02/19 jQuery
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
2020/02/16 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
Python shutil模块用法实例分析
2019/10/02 Python
PyTorch里面的torch.nn.Parameter()详解
2020/01/03 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
大学自我鉴定
2013/12/20 职场文书
《长城和运河》教学反思
2014/04/14 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
岗位说明书范文
2014/05/07 职场文书
万能检讨书2000字
2014/10/17 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书