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 相关文章推荐
Ruffy javascript 学习笔记
Nov 30 Javascript
基于jquery的气泡提示效果
May 31 Javascript
javascript:;与javascript:void(0)使用介绍
Jun 05 Javascript
js中生成map对象的方法
Jan 09 Javascript
javascript跨域的4种方法和原理详解
Apr 08 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
jQuery中ajax的post()方法用法实例
Dec 26 Javascript
JS使用单链表统计英语单词出现次数
Jun 16 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
总结几道关于Node.js的面试问题
Jan 11 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
探秘vue-rx 2.0(推荐)
Sep 21 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
用Flash图形化数据(一)
2006/10/09 PHP
PHP 批量更新网页内容实现代码
2010/01/05 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
javascript 面向对象的JavaScript类
2010/05/04 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
js 窗口抖动示例
2013/09/04 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
javascript常用方法汇总
2014/12/02 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
vueJS简单的点击显示与隐藏的效果【实现代码】
2016/05/03 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
浅谈js闭包理解
2019/03/28 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
Python随机生成彩票号码的方法
2015/03/05 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
python实现ip代理池功能示例
2019/07/05 Python
jupyter notebook实现显示行号
2020/04/13 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
德国BA保镖药房韩文网:kr.ba.de
2017/09/04 全球购物
生产部主管岗位职责
2014/01/06 职场文书
党员演讲稿
2014/09/04 职场文书
爱心助学感谢信
2015/01/21 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript
Python语言内置数据类型
2022/02/24 Python