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判断IE版本的代码 超管用!
Aug 09 Javascript
jquery+css3打造一款ajax分页插件(自写)
Jun 18 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
JavaScript实现获取dom中class的方法
Feb 09 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
Angular路由ui-router配置详解
Aug 01 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
vue element-ui中table合计指定列求和实例
Nov 02 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
canvas绘制折线路径动画实现
May 12 Javascript
关于JavaScript轮播图的实现
Nov 20 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
Memcache 在PHP中的使用技巧
2010/02/08 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法
2013/04/26 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
php批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
js压缩利器
2007/02/20 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
JS控制静态页面传递参数并获取参数应用
2016/08/10 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
jQuery Easyui 下拉树组件combotree
2016/12/16 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
微信小程序 地图map实例详解
2017/06/07 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
python实现二维插值的三维显示
2018/12/17 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
解决Python发送Http请求时,中文乱码的问题
2020/04/30 Python
pycharm中使用request和Pytest进行接口测试的方法
2020/07/31 Python
Python如何读写字节数据
2020/08/05 Python
学校感恩教育活动总结
2014/07/07 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript