jquery层级选择器(匹配父元素下的子元素实现代码)
更新时间：2016年09月05日 09:48:44 投稿：jingxian
下面小编就为大家带来一篇jquery层级选择器(匹配父元素下的子元素实现代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
实例如下：
<!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(){
//匹配父元素下的子元素
$('#index>div').html('php');
});
};
</script>
</head>
<body>
<div id='index'>
<div>div1</div>
<form>
<div>div2</div> <!--为index下div的孙子辈元素-->
<div>div3</div><!--为index下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层级选择器(匹配父元素下的子元素实现代码)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JQuery自动触发事件的方法,涉及trigger()方法完成模拟操作的相关技巧,需要的朋友可以参考下2015-06-06
在开发jquery时候经常需要用到定位,有相对父元素定位和相对文档定位，本文为此总结下，有需要的朋友可以参考下2013-08-08
这篇文章主要介绍了JQuery中DOM事件合成用法,以实例形式分析了hover()方法和toggle()方法实现事件合成的相关技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jQuery实现返回顶部效果的方法,涉及jQuery页面样式、鼠标事件及页面元素的相关操作技巧,需要的朋友可以参考下2015-05-05
jQuery中(function($){})(jQuery)详解
本文通过具体示例向大家详细介绍了jQuery中的(function($){})(jQuery)的用法和意义，对此有相同困惑的小伙伴可以参考下本文。2015-07-07
jquery操作checked属性以及disabled属性的多种方法
这篇文章主要介绍了jquery控制checked属性以及disabled属性的多种方法,下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的,需要的朋友可以参考下2014-06-06
这篇文章主要为大家详细介绍了Axios+Jquery实现文件上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样，IE中是以HEX格式显示#ffff00，而Chrome、Firefox中则是以GRB格式显示rgb(255,0,0)，由于需要将颜色值存储到数据库中，所以想让颜色值的格式统一下（其实不统一也是可以存的）。搜索了一下，从国外的一个网站上得到一段代码2012-12-12
动态绑定键盘事件的方法或许会有很多，在本文将为大家介绍下jquery是如何快捷实现的，感兴趣的朋友不要错过2013-10-10
这篇文章主要介绍了jQuery实现的简单手风琴效果,结合实例形式分析了jQuery基于事件响应、页面元素属性动态操作实现手风琴效果的方法,需要的朋友可以参考下2018-08-08
最新评论