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 相关文章推荐
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
JQuery遍历json数组的3种方法
Nov 08 Javascript
jquery实现可关闭的倒计时广告特效代码
Sep 02 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
Jul 24 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
Jan 02 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
Jun 10 Javascript
JS实现压缩上传图片base64长度功能
Dec 03 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
[EPIC] Larva vs Flash ZvT @ Crossing Field [2017-10-09]
2020/03/17 星际争霸
php实现session自定义会话处理器的方法
2015/01/27 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
javascript concat数组累加 示例
2009/09/03 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
2017/10/25 Javascript
《javascript少儿编程》location术语总结
2018/05/27 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
python实现识别相似图片小结
2016/02/22 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
Python实现ping指定IP的示例
2018/06/04 Python
python基于celery实现异步任务周期任务定时任务
2019/12/30 Python
Pytorch之finetune使用详解
2020/01/18 Python
python 函数中的参数类型
2020/02/11 Python
Pytorch maxpool的ceil_mode用法
2020/02/18 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
教师年终个人自我评价
2013/10/04 职场文书
元旦晚会邀请函
2014/01/27 职场文书
给老婆的婚前保证书
2014/02/01 职场文书
公司年底活动方案
2014/08/17 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
车辆委托书范本
2014/10/05 职场文书
学校禁毒宣传活动总结
2015/05/08 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
CSS 圆形进度栏
2021/04/06 HTML / CSS
mysql外连接与内连接查询的不同之处
2021/06/03 MySQL
Python爬虫 简单介绍一下Xpath及使用
2022/04/26 Python