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模拟弹出效果代码修正版
Aug 07 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
JS input 数字验证代码
Jul 30 Javascript
Jquery中dialog属性小记
Sep 03 Javascript
js 处理数组重复元素示例代码
Dec 27 Javascript
jquery中对于批量deferred的处理方法
Jan 22 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
May 09 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
微信小程序实现人脸识别
May 25 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 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
Laravel框架之解决前端显示图片问题
2019/10/24 PHP
用 JSON 处理缓存
2007/04/27 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
2016/10/26 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
5种Python单例模式的实现方式
2016/01/14 Python
python实现下载文件的三种方法
2017/02/09 Python
python list删除元素时要注意的坑点分享
2018/04/18 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
python cv2在验证码识别中应用实例解析
2019/12/25 Python
PageFactory设计模式基于python实现
2020/04/14 Python
Python新手学习装饰器
2020/06/04 Python
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
制药工程专业应届生求职信
2013/09/24 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
平安工地建设方案
2014/05/06 职场文书
优秀护士先进事迹
2014/05/08 职场文书
反四风对照检查材料
2014/09/22 职场文书
2014年采购员工作总结
2014/11/18 职场文书
大学生学年个人总结
2015/02/15 职场文书
入学证明
2015/06/23 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
Redis集群的关闭与重启操作
2021/07/07 Redis
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers