编程 Javascript

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)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 数组运用实现代码

Apr 13 Javascript

js 获取和设置css3 属性值的实现方法

May 06 Javascript

setTimeout自动触发一个js的方法

Jan 15 Javascript

iframe里面的元素触发父窗口元素事件的jquery代码

Oct 19 Javascript

javascript常用函数归纳整理

Oct 31 Javascript

AngularJS 自定义指令详解及实例代码

Sep 14 Javascript

浅谈javascript:两种注释,声明变量,定义函数

Sep 29 Javascript

JS获取IE版本号与HTML设置IE文档模式的方法

Oct 09 Javascript

vue 1.0 结合animate.css定义动画效果

Jul 11 Javascript

微信小程序textarea层级过高的解决方法

Mar 04 Javascript

如何在微信小程序里面退出小程序的方法

Apr 28 Javascript

JS实现水平遍历和嵌套递归操作示例

Aug 15 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