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右键菜单效果代码
Jul 21 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
Javascript中String的常用方法实例分析
Jun 13 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
boostrapTable的refresh和refreshOptions区别浅析
Jan 22 Javascript
vue项目如何刷新当前页面的方法
May 18 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
JS实现li标签的删除
Apr 12 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
20个必会的JavaScript面试题(小结)
Jul 02 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 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
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
CI框架附属类用法分析
2018/12/26 PHP
用正则获取指定路径文件的名称
2007/02/27 Javascript
用js实现预览待上传的本地图片
2007/03/15 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
20行代码实现的一个CSS覆盖率测试脚本
2013/07/07 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
2016/07/22 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
Vue之Watcher源码解析(2)
2017/07/19 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
微信小程序Getuserinfo解决方案图解
2018/08/24 Javascript
详解从NodeJS搭建中间层再谈前后端分离
2018/11/13 NodeJs
跟老齐学Python之大话题小函数(2)
2014/10/10 Python
centos 安装python3.6环境并配置虚拟环境的详细教程
2018/02/22 Python
Python实现基于POS算法的区块链
2018/08/07 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
python ChainMap 合并字典的实现步骤
2019/06/11 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
信息部岗位职责
2013/11/12 职场文书
会计专业毕业生自荐信范文
2013/12/20 职场文书
英语演讲稿范文
2014/01/03 职场文书
军训自我鉴定范文
2014/02/13 职场文书
篮球比赛策划方案
2014/06/05 职场文书
安全标语大全
2014/06/10 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
党员检讨书
2014/10/13 职场文书
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL
HTML+JS实现在线朗读器
2022/02/15 Javascript