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 自定义事件初探
Aug 21 Javascript
jQuery 操作下拉列表框实现代码
Feb 22 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
js在指定位置增加节点函数insertBefore()用法实例
Jan 12 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 Javascript
基于Vue中的父子传值问题解决
Jul 27 Javascript
利用js实现简单开关灯代码
Nov 23 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
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实现Ftp用户的在线管理
2012/02/16 PHP
Yii2中Restful API原理实例分析
2016/07/25 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
AngularJS实现树形结构(ztree)菜单示例代码
2016/09/18 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
详解vue-router 命名路由和命名视图
2018/06/01 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
python抓取网页内容示例分享
2014/02/24 Python
Python中的闭包总结
2014/09/18 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
django文档学习之applications使用详解
2018/01/29 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
国际象棋商店:The Chess Store
2018/07/09 全球购物
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
error和exception有什么区别
2012/10/02 面试题
天游软件面试
2013/11/23 面试题
ddl,dml和dcl的含义
2016/05/08 面试题
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
《九色鹿》教学反思
2014/02/27 职场文书
《画家乡》教学反思
2014/04/22 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
大专生找工作自荐书
2014/06/10 职场文书
物业保安辞职信
2015/05/12 职场文书
远程教育培训心得体会
2016/01/09 职场文书
预防职务犯罪警示教育心得体会
2016/01/15 职场文书
《鲸》教学反思
2016/02/23 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
电子表的操作介绍说明书
2019/10/28 职场文书
详解缓存穿透击穿雪崩解决方案
2021/05/28 Redis