编程 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 相关文章推荐

VS2008中使用JavaScript调用WebServices

Dec 18 Javascript

jQuery unbind()方法实例详解

Jan 19 Javascript

JS代码实现根据时间变换页面背景效果

Jun 16 Javascript

第二篇Bootstrap起步

Jun 21 Javascript

JS比较两个数值的大小实例

Nov 25 Javascript

Bootstrap基本模板的使用和理解1

Dec 14 Javascript

详解js的六大数据类型

Dec 27 Javascript

JS实现的四级密码强度检测功能示例

May 11 Javascript

使用vue 国际化i18n 实现多实现语言切换功能

Oct 11 Javascript

layui点击弹框页面表单请求的方法

Sep 21 Javascript

使用vue cli4.x搭建vue项目的过程详解

May 08 Javascript

解决js中的setInterval清空定时器不管用问题

Nov 17 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