jquery层级选择器的实现(匹配后代元素div)


Posted in Javascript onSeptember 05, 2016

如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>层级 </title>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
 <script type="text/javascript">
 /*
 ancetor descendant:匹配祖先元素下的后代元素
 parent>child:匹配父元素下的子元素
 prev+next:匹配前一个元素后的下一个元素,必须是挨着的
 prev~siblings:匹配前一个元素后的所有平辈元素
 */
  window.onload=function(){
   $('#btnOk').click(function(){
    //匹配后代元素div
    $('#index div').html('php');
   });
  };
 </script>
 </head>
 <body>
  <div id='index'>
   <div>div1</div>
   <form>
    <div>div2</div>
    <div>div3</div>
   </form>
   <div>div4</div>
   <div>div5</div>
 </div>
 <div>yang</div> <!--该元素没有再id=index下的div中-->
 <hr/>
 <input type="button" id='btnOk' value='确定' />
 </body>
</html>

以上这篇jquery层级原则器的实现(匹配后代元素div)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
TBCompressor js代码压缩
Jan 05 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 Javascript
javascript如何使用bind指定接收者
May 04 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
jQuery手指滑动轮播效果
Dec 22 Javascript
JavaScript基本类型值-Number类型
Feb 24 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
深入浅析var,let,const的异同点
Aug 07 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 #Javascript
JS快速实现移动端拼图游戏
Sep 05 #Javascript
jQuery实现的tab标签切换效果示例
Sep 05 #Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 #Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
Sep 05 #Javascript
JS查找字符串中出现次数最多的字符
Sep 05 #Javascript
node网页分段渲染详解
Sep 05 #Javascript
You might like
php使用正则过滤js脚本代码实例
2014/05/10 PHP
利用php-cli和任务计划实现刷新token功能的方法
2017/05/03 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
javascript 表单的友好用户体现
2009/01/07 Javascript
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
js滑动提示效果代码分享
2016/03/10 Javascript
bootstrap中模态框、模态框的属性实例详解
2017/02/17 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
Vue.use源码分析
2017/04/22 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
Python中一行和多行import模块问题
2018/04/01 Python
python文件写入write()的操作
2019/05/14 Python
python和c语言的主要区别总结
2019/07/07 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
Python测试线程应用程序过程解析
2019/12/31 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
HTML5几个设计和修改的页面范例分享
2015/09/29 HTML / CSS
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
北美最大的手工艺品零售商之一:Michaels Stores
2019/02/27 全球购物
什么是索引指示器
2012/08/20 面试题
线程同步的方法
2016/11/23 面试题
护理专业的自荐信
2013/10/22 职场文书
函授大学生自我鉴定
2014/02/05 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
应届毕业生求职信范文
2014/07/07 职场文书
2014年教师工作总结
2014/11/10 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python