JQ 查找子元素下的指定元素

1、为什么要用find：

通常，选择一个元素很简单，$("#id")就可以搞定，

但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了，

可以通过用find来解决这个问题。

2、 举例说明

html代码如下：

<div id="test">
    <div id="div1">第一行</div>

    <div id="div2">
        <p id="p1">第1行</p>
        <p id="p2">第2行</p>
        <p id="p3">第3行</p>
    </div>

    <div id="div3">第三行</div>
</div>

如果想让第2行这几个字的颜色改变，那么我们就可以用jquery的如下代码实现:

$("#test").find('div[id^="div2"]').find('p[id^="p2"]').css("color","red");

那么效果就会变为：

第一行

第1行

第2行

第3行

第三行

备注：

children方法获得的仅仅是元素一下级的子元素

find方法获得所有下级元素