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 相关文章推荐
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
Apr 14 Javascript
关于session和cookie的简单理解
Jun 08 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
vue v-model动态生成详解
Jun 30 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
纯js实现无缝滚动功能代码实例
Feb 21 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 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
文件上传之SWFUpload插件(代码)
2015/07/30 PHP
深入探究PHP的多进程编程方法
2015/08/18 PHP
Laravel基础_关于view共享数据的示例讲解
2019/10/14 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
Javascript中的关键字和保留字整理
2014/10/16 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
JS是按值传递还是按引用传递
2015/01/30 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
2016/05/30 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
jQuery与js实现颜色渐变的方法
2016/12/30 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
npm的lock机制解析
2019/06/20 Javascript
Python抓取百度查询结果的方法
2015/07/08 Python
Python正则表达式经典入门教程
2017/05/22 Python
python飞机大战pygame游戏之敌机出场实现方法详解
2019/12/17 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
python如何实时获取tcpdump输出
2020/09/16 Python
纯CSS3实现鼠标悬停提示气泡效果
2014/02/28 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
eBay法国购物网站:eBay.fr
2017/10/21 全球购物
SmartBuyGlasses意大利:购买太阳镜、眼镜和隐形眼镜
2018/11/20 全球购物
大学学年自我鉴定
2013/10/28 职场文书
副总经理工作职责
2013/11/28 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
新品发布会主持词
2014/04/02 职场文书
加油口号大全
2014/06/13 职场文书
安全责任书范文
2014/08/25 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
MySQL中的布尔值,怎么存储false或true
2021/06/04 MySQL