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 相关文章推荐
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
Angular Module声明和获取重载实例代码
Sep 14 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
ReactNative之FlatList的具体使用方法
Nov 29 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
微信小程序按钮点击跳转页面详解
May 06 Javascript
原生js实现3D轮播图
Mar 21 Javascript
layui之数据表格--与后台交互获取数据的方法
Sep 29 Javascript
微信小程序 bindtap 传参的实例代码
Feb 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
PHP 翻页 实例代码
2009/08/07 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
date.parse在IE和FF中的区别
2010/07/29 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
2016/08/18 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
2016/12/23 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
彻底理解js面向对象之继承
2018/02/04 Javascript
javascript实现前端成语点击验证
2020/06/24 Javascript
python从入门到精通(DAY 2)
2015/12/20 Python
详解用python实现简单的遗传算法
2018/01/02 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
绩效工资实施方案
2014/03/15 职场文书
外国人聘用意向书
2014/04/01 职场文书
大学生简历求职信
2014/06/24 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
运动会闭幕式通讯稿
2015/07/18 职场文书
运动会800米赞词
2015/07/22 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
mysql连接查询中and与where的区别浅析
2021/07/01 MySQL
带你了解Java中的ForkJoin
2022/04/28 Java/Android