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 相关文章推荐
浅析javascript闭包 实例分析
Dec 25 Javascript
js 代码优化点滴记录
Feb 19 Javascript
javascript中返回顶部按钮的实现
May 05 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
vue.js中ref及$refs的使用方法解析
Oct 08 Javascript
小程序中的箭头函数的具体使用
Jun 19 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 Javascript
基于JS实现快速读取TXT文件
Aug 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
人大复印资料处理程序_补充篇
2006/10/09 PHP
linux iconv方法的使用
2011/10/01 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
linux下使用crontab实现定时PHP计划任务失败的原因分析
2014/07/05 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
php链式操作的实现方式分析
2019/08/12 PHP
javascript demo 基本技巧
2009/12/18 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
2013/04/21 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
jQuery级联操作绑定事件实例
2014/09/02 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
JavaScript中offsetWidth的bug及解决方法
2017/05/17 Javascript
Angular2使用vscode断点调试ts文件的方法
2017/12/13 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
python+selenium自动化实战携带cookies模拟登陆微博
2021/01/19 Python
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
法人单位适用的授权委托书
2014/09/19 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
施工安全保证书
2015/05/09 职场文书
高二语文教学反思
2016/02/16 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB
Python如何将list中的string转换为int
2022/07/15 Ruby