html代码
<div>
<p>武汉长乐教育</p>
<span>在哪才能真正学习会PHP技术?</span>
<a href="#">
<p>欢迎前来试听</p>
</a>
</div>
children()方法
var $child = $("div").children(); //获取div元素的子类元素
alert($child.length); //打印div元素有几个子类元素
$("div").children("p"); //获取div元素的子类元素p
next()方法
var $a = $("div span").next(); //获取下一个同辈的元素
prev()方法
var $p = $("div span").prev(); //获取上一个同辈的元素
siblings()方法
<ul>
<li>一对一授课哦</li>
<li>学完高薪就业</li>
<li>学员供不应求</li>
</ul>
$("li").click(function(){
$(this).css("color", "red");
});
closest()、parent()和parents()方法
<div>
<p>武汉长乐教育<p>
<p>口碑超好的武汉PHP培训机构</p>
<p>您学会了吗?</p>
<span></span>
<a href="#">
点我
</a>
</div>
<div id="first">
<p>一级目录</p>
<div>
<p>二级目录</p>
<div>
<p>三级目录</p>
<div>
<a href="#">点我</a>
</div>
</div>
</div>
</div>
$("a").click(function(){
$(this).closest("div"); //一直向上找符合条件的元素,返回一条,如果自己符合就返回自己
//$(this).closest("a");
$(this).parent(); //返回父级元素,返回一条
$(this).parents("div"); //获得集合中每个匹配的祖先元素,返回多个父节点
});
find()方法
$("#first").find("a"); //一直往下级找,返回多个子孙节点