jQuery Children() 更深入

Question

<div class='main'>

<div>
        <div>
            <button></button>
        </div>
</div>
<ul>    
        <li>
            <img />
        </li>

        <li>
            <h1></h1>
        </li>

</ul>
<div>
        <span>
            <a href=""></a>
        </span>
</div>

</div>

问题:我想选择按钮 img、h1 和 a。在 jQuery 中执行此操作的唯一方法(据我所知)是 $(.main).children().children().children()。但是在 jQuery 中还有另一种方法来选择这些元素吗？ (不要多次使用children())

Answer 1

jQuery 选择器的工作方式与 CSS 选择器类似:

var $button = $('.main > div > div > button');

您还可以使用find()方法:

var $a = $('.main').find('a');

http://api.jquery.com/category/selectors/