題目1： jQuery 中， $(document).ready()是什么意思？
當dom完全加載（例如html被完全解析dom樹構建完成時），jquery允許你執(zhí)行代碼，使用此函數(shù)可以做到表現(xiàn)與邏輯分離，并且所有的瀏覽器都支持，可以放到頁面的任何位置。
題目2： $node.html()和$node.text()的區(qū)別?
$node.html()：獲取元素內html標簽加文本內容。
$node.html(string)：設置該元素內的html
$node.text()：只獲取元素內的文本內容。
$node.text(string)：設置該元素的文本內容
題目3： $.extend 的作用和用法?
- 用法一
目標對象（第一個參數(shù)）將被修改，并且將通過$.extend()返回。然而，如果我們想保留原對象，我們可以通過傳遞一個空對象作為目標對象：
image.png
如圖當傳入參數(shù)為一個或這多個對象時這個方法是把后面的對象向第一個對象(obj1)擴展；后面的對象與第一個有重復的則覆蓋沒有的則添加到第一個對象；第一個的對象可以是一個空對象({})
- 用法二（深淺拷貝）
在默認情況下，通過$.extend()合并操作不是遞歸的;
如果第一個對象的屬性本身是一個對象或數(shù)組，那么它將完全用第二個對象相同的key重寫一個屬性。這些值不會被合并。如果將true作為該函數(shù)的第一個參數(shù)，那么會在對象上進行遞歸的合并。
image.png
image.png
題目4： jQuery 的鏈式調用是什么？
每個jQuery的方法都會返回（return）一個jQuery對象，使得一個對象可以多次調用方法
題目5： jQuery 中 data 函數(shù)的作用
在匹配元素上存儲任意相關數(shù)據 或 返回匹配的元素集合中的第一個元素的給定名稱的數(shù)據存儲的值。
image.png
詳情可參考：http://www.jquery123.com/data/
題目6：寫出以下功能對應的 jQuery 方法
給元素 $node 添加 class active，給元素 $noed 刪除 class active
- 給元素 $node 添加 class active，給元素 $noed 刪除 class active
$node.addClass()
$node.removeClass() - 展示元素$node, 隱藏元素$node
$node.show()
$node.hide() - 獲取元素$node 的 屬性: id、src、title， 修改以上屬性
$node.attr("id",str)
$node.attr("src",str)
$node.attr("title",str) - 給$node 添加自定義屬性data-src
$node.data("src",str) - 在$ct 內部最開頭添加元素$node
$ct.prepend($node) - 在$ct 內部最末尾添加元素$node
$ct.append($node) - 刪除$node
$node.remove() - 把$ct里內容清空
$ct.empty() - 在$ct 里設置 html <div class="btn"></div>
$ct.html('<div class="btn"></div>') - 獲取、設置$node 的寬度、高度(分別不包括內邊距、包括內邊距、包括邊框、包括外邊距)
$node.width()：不包括內邊距
$node.innerWidth()：包括內邊距
$node.outerWidth()：包括內邊距和邊框
$node.outerWidth(true)：包括內邊距，邊框，外邊距 - 獲取窗口滾動條垂直滾動距離
$(window).scrollTop() - 獲取$node 到根節(jié)點水平、垂直偏移距離
$node.offset() - 修改$node 的樣式，字體顏色設置紅色，字體大小設置14px
$node.css({"font":"red","fontSize":"14px"}) - 遍歷節(jié)點，把每個節(jié)點里面的文本內容重復一遍
$node.each(function(index,node){
var str = $(this).text()
$(this).text(str+str)
}) - 從$ct 里查找 class 為 .item的子元素
$ct.find('.item') - 獲取$ct 里面的所有孩子
$ct.children() - 對于$node，向上找到 class 為'.ct'的父親，在從該父親找到'.panel'的孩子
$node.parent('.ct').find('.panel')
注意!:$node.parent()和$node.parents()的用法 - 獲取選擇元素的數(shù)量
$node.length - 獲取當前元素在兄弟中的排行
$.node.index()
題目7：用jQuery實現(xiàn)以下操作
- 當點擊$btn 時，讓 $btn 的背景色變?yōu)榧t色再變?yōu)樗{色
- 當窗口滾動時，獲取垂直滾動距離
- 當鼠標放置到$div 上，把$div 背景色改為紅色，移出鼠標背景色變?yōu)榘咨?/li>
- 當鼠標激活 input 輸入框時讓輸入框邊框變?yōu)樗{色，當輸入框內容改變時把輸入框里的文字小寫變?yōu)榇髮懀斴斎肟蚴ソ裹c時去掉邊框藍色，控制臺展示輸入框里的文字
- 當選擇 select 后，獲取用戶選擇的內容
效果預覽：http://js.jirengu.com/vamuxesivu/1/edit
