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 相关文章推荐
又一个图片自动缩小的JS代码
Mar 10 Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
Aug 23 Javascript
JavaScript实现Fly Bird小游戏
Dec 15 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
Dec 21 Javascript
react+redux的升级版todoList的实现
Dec 18 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 Javascript
Layui 解决表格异步调用后台分页的问题
Oct 26 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
php 分页函数multi() discuz
2009/06/21 PHP
php INI配置文件的解析实现分析
2011/01/04 PHP
PHP+Mysql+jQuery实现发布微博程序 jQuery篇
2011/10/08 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
用js重建星际争霸
2006/12/22 Javascript
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
LayUI switch 开关监听 获取属性值、更改状态的方法
2019/09/21 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
vue axios请求成功却进入catch的原因分析
2020/09/08 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
启动targetcli时遇到错误解决办法
2017/10/26 Python
python通过伪装头部数据抵抗反爬虫的实例
2018/05/07 Python
对python同一个文件夹里面不同.py文件的交叉引用方法详解
2018/12/15 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
python是否适合网页编程详解
2019/10/04 Python
python代码实现图书管理系统
2020/11/30 Python
css3 给背景设置渐变色的方法
2019/09/12 HTML / CSS
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
Coccinelle官网:意大利的著名皮具品牌
2019/05/15 全球购物
华为c/c++笔试题
2016/01/25 面试题
大学生专业个人学习的自我评价
2013/10/26 职场文书
优秀生推荐信范文
2013/11/28 职场文书
中学生团员自我评价分享
2013/12/07 职场文书
大学生社团活动总结
2014/04/26 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
详解Nginx 工作原理
2021/03/31 Servers
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
教你使用TensorFlow2识别验证码
2021/06/11 Python
python geopandas读取、创建shapefile文件的方法
2021/06/29 Python