html 代码

<div>
    <p>武汉长乐教育</p>
    <span>在哪才能真正学习会PHP技术?</span>
    <a href="#">
        <p>欢迎前来试听</p>
    </a>
</div>

1. children() 方法

var $child = $("div").children();       //获取div元素的子类元素
alert($child.length);                   //打印div元素有几个子类元素
$("div").children("p");                 //获取div元素的子类元素p

2. next() 方法

var $a = $("div span").next();      //获取下一个同辈的元素

3. prev() 方法

var $p = $("div span").prev();      //获取上一个同辈的元素

4. siblings() 方法

<ul>
    <li>一对一授课哦</li>
    <li>学完高薪就业</li>
    <li>学员供不应求</li>
</ul>
$("li").click(function(){
    $(this).css("color", "red");
});

5. 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).parent();           //返回父级元素,返回一条

    $(this).parents("div");     //获得集合中每个匹配的祖先元素,返回多个父节点
});

6. find() 方法

$("#first").find("a");          //一直往下级找,返回多个子孙节点

已添加到喜欢了