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实现避免页面按钮重复提交
Jan 08 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
Dec 08 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
Dec 25 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 Javascript
利用node.js开发cli的完整步骤
Dec 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入门速成(2)
2006/10/09 PHP
用php+mysql一个名片库程序
2006/10/09 PHP
php判断字符以及字符串的包含方法属性
2008/08/30 PHP
php empty函数判断mysql表单是否为空
2010/04/12 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
php中随机函数mt_rand()与rand()性能对比分析
2014/12/01 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
XP折叠菜单&amp;仿QQ2006菜单
2006/12/16 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
json属性名为什么要双引号(个人猜测)
2014/07/31 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
javascript封装 Cookie 应用接口
2015/08/07 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
2015/09/04 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
Bootstrap Table 搜索框和查询功能
2017/11/30 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
js实现纯前端压缩图片
2020/11/16 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
Windows下Python使用Pandas模块操作Excel文件的教程
2016/05/31 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
Python中安装easy_install的方法
2018/11/18 Python
Python生成MD5值的两种方法实例分析
2019/04/26 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
DNA基因检测和分析:23andMe
2019/05/01 全球购物
材料专业毕业生求职信
2014/02/26 职场文书
销售员态度差检讨书
2014/10/26 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
党员个人承诺书
2015/04/27 职场文书