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

Ext 表单布局实例代码

Apr 30 Javascript

js 模拟实现类似c#下的hashtable的简单功能代码

Jan 24 Javascript

JS中自定义定时器让它在某一时刻执行

Sep 02 Javascript

网页中表单按回车就自动提交的问题的解决方案

Nov 03 Javascript

Angular用来控制元素的展示与否的原生指令介绍

Jan 07 Javascript

详解BootStrap中Affix控件的使用及保持布局的美观的方法

Jul 08 Javascript

巧用jQuery选择器提高写表单效率的方法

Aug 19 Javascript

全屏滚动插件fullPage.js使用实例解析

Oct 21 Javascript

jQuery日程管理插件fullcalendar使用详解

Jan 07 Javascript

微信小程序设置启动页面的两种方法

Mar 09 Javascript

jQuery实现表格冻结顶栏效果

Aug 20 jQuery

详解写好JS条件语句的5条守则

Feb 28 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