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 相关文章推荐
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 Javascript
jquery用data方法获取某个元素上的事件
Jun 23 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
详解vue事件对象、冒泡、阻止默认行为
Mar 20 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 Javascript
JS面向对象之单选框实现
Jan 17 Javascript
基于JS实现操作成功之后自动跳转页面
Sep 25 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 常用函数库和一些实用小技巧
2009/01/01 PHP
PHP不用递归实现无限分级的例子分享
2014/04/18 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
CI操作cookie的方法分析(基于helper类库)
2016/03/28 PHP
WordPress分页伪静态加html后缀
2016/06/08 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
js 字符串操作函数
2009/07/25 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
jQuery ajax调用WCF服务实例
2014/07/16 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
2016/05/05 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
Nodejs进阶:基于express+multer的文件上传实例
2016/11/21 NodeJs
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
bootstrap fileinput 插件使用项目总结(经验)
2017/02/22 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
es6函数中的作用域实例分析
2020/04/18 Javascript
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
Keras模型转成tensorflow的.pb操作
2020/07/06 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
小狗电器官方商城:中国高端吸尘器品牌
2017/03/29 全球购物
大学活动策划书范文
2014/01/10 职场文书
结婚典礼证婚词
2014/01/11 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
省文明单位申报材料
2014/05/08 职场文书
先进人物事迹材料
2014/12/29 职场文书