选择器

    选择器是jQuery的核心。一个选择器写出来类似 $('#dom-id') 。

    为什么jQuery要发明选择器？回顾一下DOM操作中我们经常使用的代码：

    // 按ID查找：

    var a = document.getElementById('dom-id');



    // 按tag查找：

    var divs = document.getElementsByTagNames('div');



    // 查找<p class="red">：

    var ps = document.getElementsByTagNames('p');

    // 过滤出class="red":

    // TODO:



    // 查找<table class="green">里面的所有<tr>：

    var table = …

    for (var i=0; i<table.children; i++) {

    // TODO: 过滤出<tr>

    }

    这些代码实在太繁琐了，并且，在层级关系中，例如，查找 &lt;table class="green"&gt; 里面的所有 &lt;tr&gt; ，一层循环实际上是错的，因为 &lt;table&gt; 的标准写法是：

    <table>

    <tbody>

    <tr>…</tr>

    <tr>…</tr>

    </tbody>

    </table>

    很多时候，需要递归查找所有子节点。

    jQuery的选择器就是帮助我们快速定位到一个或多个DOM节点。