一、寫出以下功能對(duì)應(yīng)的 Jq 方法：

1. 給元素 $node 添加 class 'active'，給元素 $noed 刪除 class 'active'

   $node.addClass('active');
   $node.removeClass('active');
   

2. 展示元素$node, 隱藏元素$node

   $node.show();
   $node.hide();
   

3. 獲取元素$node 的 屬性: id、src、title， 修改以上屬性

   <img src="1.png" id="bg">;
   <script>
       var $node=$('img');
       $node.attr('id');   // bg
       $node.attr('src');  //1.png
       $node.attr('title','背景圖');   //<img src="1.png" id="bg" title="背景圖">;
   </script>
   

4. 給$node 添加自定義屬性data-src

    $node.attr('data-src')
   

5. 在$ct 內(nèi)部最開(kāi)頭添加元素$node

   $ct.prepend($node);
   

6. 在$ct 內(nèi)部最末尾添加元素$node

    $ct.append($node);
   

7. 刪除$node

   $('body').remove($node);
   

8. 把$ct里內(nèi)容清空

   $ct.empty();
   

9. 在$ct 里設(shè)置 html <div class="btn"></div>

   $ct.html(div class="btn"></div>)
   

10. 獲取、設(shè)置$node 的寬度、高度(分別不包括內(nèi)邊距、包括內(nèi)邊距、包括邊框、包括外邊距)

    $node.width();   //設(shè)置或返回元素的寬度（不包括內(nèi)邊距、邊框或外邊距）
    $node.height(); //設(shè)置或返回元素的高度（不包括內(nèi)邊距、邊框或外邊距）
    $node.innerWidth();  //方法返回元素的寬度（包括內(nèi)邊距）
    $node.innerHeight();  //方法返回元素的高度（包括內(nèi)邊距）
    $node.outerWidth();  //方法返回元素的寬度（包括內(nèi)邊距和邊框）
    $node.outerHeight();  //方法返回元素的高度（包括內(nèi)邊距和邊框）
    $node.outerWidth(true);  //返回元素的寬度（包括內(nèi)邊距、邊框和外邊距）
    $node.outerHeight(true);  //返回元素的高度（包括內(nèi)邊距、邊框和外邊距）
    

11. 獲取窗口滾動(dòng)條垂直滾動(dòng)距離

    $('body').height();
    

12. 獲取$node 到根節(jié)點(diǎn)水平、垂直偏移距離

    $node.offset();
    

13. 修改$node 的樣式，字體顏色設(shè)置紅色，字體大小設(shè)置14px

    $node.css({
        "color": "red",
        "font-size": "14px"
    });
    

14. 遍歷節(jié)點(diǎn)，把每個(gè)節(jié)點(diǎn)里面的文本內(nèi)容重復(fù)一遍

     $('body').text();
    

15. 從$ct 里查找 class 為 .item的子元素

       $ct.find('.item');
    

16. 獲取$ct 里面的所有孩子

    $ct.children()
    

17. 對(duì)于$node，向上找到 class 為’.ct’的父親，在從該父親找到’.panel’的孩子

    $node.parents('.ct').find('.panel');
    

18. 獲取選擇元素的數(shù)量

     $('div').length; //一共有多少個(gè)div
    

19. 獲取當(dāng)前元素在兄弟中的排行

     $node.index();