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 学习笔记(一)
Oct 13 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
Bootstrap Table使用整理(四)之工具栏
Jun 09 Javascript
javascript帧动画(实例讲解)
Sep 02 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 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
PHP页面中文乱码分析
2013/10/29 PHP
PHP里的单例类写法实例
2015/06/25 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
Python实现多线程抓取妹子图
2015/08/08 Python
python 的列表遍历删除实现代码
2020/04/12 Python
多版本Python共存的配置方法
2017/05/22 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
在python中bool函数的取值方法
2018/11/01 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
python如何统计代码运行的时长
2019/07/24 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
HTML5样式控制示例代码
2013/11/27 HTML / CSS
简述数据库的设计过程
2015/06/22 面试题
珍惜水资源建议书
2014/03/12 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
个人授权委托书模板
2014/09/14 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
2014年全国法制宣传日宣传活动方案
2014/11/02 职场文书
先进工作者推荐材料
2014/12/23 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python