jquery【选择器】

作者：zccst

2，table嵌套时只选择最外层的办法
(1). $("#ID")：根据给定的ID匹配一个元素。
(2). $(".className")：根据给定的类名匹配元素。
(3). $("元素1 元素2")：在给定的祖先元素下（元素1）匹配所有的后代元素（元素2）。
(4). $("元素1>元素2")：在给定的父元素下（元素1）匹配所有的子元素（元素2）。
对于第3和第4点，我在看API的时候有些迷惑。在查找了相关教程后，才明白了意思。3里说的祖先、后代元素，指的是好几代人，即祖先一个，后代（包括儿子、孙子、重孙子等）一个或多个。只要大家对应着同一个祖先，那么用$("元素1 元素2")的方式，把所有的都可以筛选出来；4里的说父、子元素，指的是父亲一个，儿子（只能是儿子，不能是孙子、重孙子等）一个或多个。自己做了一个例子，在例子中，主要练习了Jquery一些选择器的用法和在页面Dom加裁完毕后给页面上某个元素注册事件。

<div>
<table class="out">
    <tr>
        <td>外层</td>
    </tr>
    <tr>
        <td>
        <table class="in">
            <tr>
                <td>内层1</td>
            </tr>
            <tr>
                <td>内层2</td>
            </tr>
        </table>
        </td>
    </tr>
</table>
</div>

选择办法：

$(div).find("table.out > tbody").find("> tr"); //选择外层的table
$(div).find("table tbody tr");   //包括外层和内层

1，jquery选择id的时候只获取一个dom结单，而选择class时获取的是节点数组。

//传统的获取方式
function getElementsByClassName (className) {
         var all = document.all ? document.all : document.getElementsByTagName('div');
         var elements = new Array();
         for (var e = 0; e < all.length; e++) {
             if (all[e].className == className) {
                 //elements[elements.length] = all[e];
                 //break;
                 elements.push(all[e]);
             }
         }
         return elements;
     }
var fashion  = getElementsByClassName("os-meta-line outsource_progress");
//使用jquery方式，就一行代码
var fashion  = $(".outsource_progress");