一、find()

1.1 說明

find()方法返回被選元素的後代元素，一路向下直到最後一個後代。

1.2 示例

<div>
    <p>
        <span>1</span>
    </p>
    <span>2</span>
</div>
<script>
console.log($(‘div‘).find(‘span‘));
</script>
<!--
    返回<span>1</span><span>2</span>
-->

二、children()

2.1 說明

children()方法返回被選元素的所有直接子元素。該方法只會向下一級對 DOM 樹進行遍歷。

2.2 示例

<div>
    <p>
        <span>1</span>
    </p>
    <span>2</span>
</div>
<script>
console.log($(‘div‘).children(‘span‘));
</script>
<!--
    返回<span>2</span>
-->

jQuery:find()與children()區別

jQuery:find()與children()區別