编程 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 处理事件绑定的一些兼容写法

Dec 24 Javascript

JavaScript CSS修改学习第六章拖拽

Feb 19 Javascript

JavaScript获取多个数组的交集简单实例

Nov 11 Javascript

jQuery 删除/替换DOM元素的几种方式

May 20 Javascript

javascript解析xml实现省市县三级联动的方法

Jul 25 Javascript

你真的了解BOM中的history对象吗

Feb 13 Javascript

JSON与JS对象的区别与对比

Mar 01 Javascript

JQuery扩展对象方法操作示例

Aug 21 jQuery

微信小程序网络通信实现详解

Jul 23 Javascript

解决layui的input独占一行的问题

Sep 10 Javascript

vue轮播组件实现$children和$parent 附带好用的gif录制工具

Sep 26 Javascript

探究一道价值25k的蚂蚁金服异步串行面试题

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