jquery层级原则器（匹配后代元素div）

<!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>

更多专业前端知识，请上【猿2048】www.mk2048.com

jquery层级原则器（匹配后代元素div）相关推荐

jquery简单原则器（匹配索引为指定值的元素）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
Jquery 4种移除清空元素的方法
1. empty() 将匹配的元素集合的子节点元素都移除,包括子节点的嵌套元素 2. html("") 清空当前元素的内容 3. remove() 将匹配的元素集合从dom中移除 ...
CSS回顾总结（二）——伪类、伪元素、子元素和后代元素选择器、盒子模型
目录伪类伪元素子元素和后代元素选择器盒子模型边距边框边框样式内联元素盒子模型伪类伪类:专门用来表示元素的一种特殊状态 * 比如:访问过的超 ...
Jquery学习笔记：利用find和children方法获取后代元素
在很多场景下,需要根据一个已知的jquery对象,去查找其满足条件的后代节点. 这时可以利用 find函数和children来处理. find和children函数都可有一个参数,常见的是一个字符串, ...
jQuery查找子元素与后代元素
子元素: children()方法:返回返回被选元素的所有直接子元素. $().children('选择器') 如选择type为file的子元素 $(this).children("inpu ...
php 获取子孙,jquery如何查找后代元素？jquery获取后代元素方法
在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...
jquery 后代元素_在jQuery中查找元素的所有后代
jquery 后代元素 In this post, we are going to discuss about an important jQuery traversing method to fin ...
jQuery——遍历DOM元素的后代元素
任务描述本关任务:用 jQuery 向下遍历 DOM 节点.效果如下: 相关知识为了完成本关任务,你需要掌握:1.children(),2. find(). 向下遍历DOM节点基本的html结构 ...
jQuery 查找后代元素
通过jQuery children() 方法和jQuery find() 方法,我们可以向下遍历 DOM 树,查找后代元素. (1) jQuery children() 方法:返回被选元素的所有直接子 ...

jquery层级原则器（匹配后代元素div）

jquery层级原则器（匹配后代元素div）相关推荐

最新文章

热门文章