jQuery 中， $(document).ready()是什么意思？

$(document).ready()方法：為防止文檔在完全加載（就緒）之前運行Jquery代碼。若在文檔未完全加載前就運行函數(shù)，操作可能失敗。必須在文檔加載完后執(zhí)行操作，可使用ready事件，作用相當于把js寫到body末尾。
以下三個語法全部是等價的：

- $(document).ready(handler)
- $().ready(handler) (this is not recommended)
- $(handler)

$node.html()和$node.text()的區(qū)別?

$node.html()，返回所選擇元素內(nèi)的html內(nèi)容，包含html標簽和文本內(nèi)容
$node.text()，返回所選擇元素內(nèi)的文本內(nèi)容，不包含html標簽，只包含文本內(nèi)容

$.extend 的作用和用法?

作用： 將兩個或更多對象的內(nèi)容合并到第一個對象。
目標對象（第一個參數(shù)）將被修改，并且將通過$.extend()返回。然而，如果我們想保留原對象，我們可以通過傳遞一個空對象作為目標對象：

var object = $.extend({}, object1, object2);

  // 定義一個對象
  var obj = {
    a: 1,
    b: 2,
    c: 3
  };
  // 定義一個新對象
  var newobj = {
    a: 4,
    c: 6
   };

 //extend方法接受多個參數(shù),并且第一個對象被覆蓋
 $.extend(obj,newobj)
 //extend方法想保留原對象，傳遞一個空對象作為目標對象
 $.extend({},obj,newobj)

jQuery 的鏈式調(diào)用是什么？

當jQuery的方法的返回值仍為當前對象時可以繼續(xù)調(diào)用該對象的方法，這樣就形成一種鏈式調(diào)用。

 例：  $('.ct').find(''.ct-btn).eq(index)addClass('active');

jQuery 中 data 函數(shù)的作用

在匹配元素上存儲任意相關(guān)數(shù)據(jù) 或 返回匹配的元素集合中的第一個元素的給定名稱的數(shù)據(jù)存儲的值。

• .data(key, value)
  在匹配元素上存儲任意相關(guān)數(shù)據(jù).

  $("div").data("human",{age:20,sex:"男"});
  console.log( $("div").data("people").age    );  //20
  

• .data(key)
  返回匹配的元素集合中的第一個元素的給定名稱的數(shù)據(jù)存儲的值。 通過.data(name, value)或HTML5 data-* 屬性設(shè)置

  <div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div>
  

下面通過data()函數(shù)獲取里面的值

$("div").data("role") === "page";
$("div").data("lastValue") === 43;
$("div").data("hidden") === true;
$("div").data("options").name === "John";

寫出以下功能對應(yīng)的 jQuery 方法

• 給元素 $node 添加 class active，給元素 $noed 刪除 class active

  $node.addClass('active');   // 添加 class active
  $node.removeClass('active');    // 刪除 class active
  

• 展示元素$node, 隱藏元素$node

  $node.show();   //展示元素$node
  $node.hide();    // 隱藏元素$node
  

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

  $(node).attr('id');       // 獲取id
  $(node).attr('src');     // 獲取src
  $(node).attr('title');    // 獲取title
   ~~~~~~~~~~~~~~
  $(node).attr('id', 'class');            // 修改id
  $(node).attr('src', 'somesrc');      //修改scr  
  $(node).attr('title', 'sonetitle');      // 修改title
  

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

  $(node).data('src', 'somesrc');  
  

• 在$ct 內(nèi)部最開頭添加元素$node

  $(ct).prepend($node);
  

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

• 刪除$node

  $(node).remove();
  

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

  $(node).empty();
  

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

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

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

  $(node).width();                    //不包括內(nèi)邊距寬度,僅包括內(nèi)容
  $(node).height();                  //不包括內(nèi)邊距高度,僅包括內(nèi)容
  $(node).innerWidth();          //包括內(nèi)容和內(nèi)邊距寬度
  $(node).innerHeight();         //包括內(nèi)容和內(nèi)邊距高度
  $(node).outerWidth();            //包括內(nèi)容,內(nèi)邊距,邊框?qū)挾? 
  $(node).outerHeight();          //包括內(nèi)容,內(nèi)邊距,邊框高度
  $(node).outerHeight(true);      //包括內(nèi)容,內(nèi)邊距,邊框,外邊距高度
  $(node).outerWidth(true);          //包括內(nèi)容,內(nèi)邊距,邊框,外邊距寬度
  

• 獲取窗口滾動條垂直滾動距離

  $(window).scrollTop();
  

• 獲取$node 到根節(jié)點水平、垂直偏移距離

  $(node).offset();
  

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

  $(node).css("border: 1px solid #ccc", font-size: 14px);
  

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

  $node.each(function(){
     console.log($(this).text());
  });
  

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

  $('.ct').find('item');
  

• 獲取$ct 里面的所有孩子

  $(ct).find();
  

• 對于$node，向上找到 class 為'.ct'的父親，在從該父親找到'.panel'的孩子

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

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

  $node.length;
  $node.size();
  

• 獲取當前元素在兄弟中的排行

  $node.index();