題目1： jQuery 中阱扬， $(document).ready()是什么意思何之？

$(document).ready()：當(dāng)DOM加載完后執(zhí)行js吁津。也可以編寫多個。簡寫為(function(){})哟楷。

題目2： $node.html()和$node.text()的區(qū)別?

.html() 是返回或設(shè)置所選元素的內(nèi)容包括HTML標(biāo)記瘤载。

.text() 是返回或設(shè)置所選元素的文本內(nèi)容。

相當(dāng)于原生js中的.innerHtml() 和 .innerText()

題目3：$.extend 的作用和用法?

作用：將多個對象合并到第一個對象上卖擅。

用法：

3.png

題目4： jQuery 的鏈?zhǔn)秸{(diào)用是什么鸣奔？

使用jQuery方法時，對象的方法返回的是對象的本身惩阶，因此能接著使用本對象的其他jQuery方法挎狸，這就是鏈?zhǔn)秸{(diào)用。鏈?zhǔn)秸{(diào)用可以提高代碼效率断楷，使代碼更優(yōu)雅锨匆。如：

$div.slideDown().fadeOut();

題目5： jQuery 中 data 函數(shù)的作用

作用：對js對象或DOM對象的額外屬性做一個集中管理，來避免內(nèi)存泄漏冬筒。

$.data(ele, name, data)是對ele元素附加數(shù)據(jù)
$().data(key, value),$().data(obj)是為jQuery對象中的所有DOM對象分別附加數(shù)據(jù)
$().data(key),$().data()從jQuery對象上讀數(shù)據(jù)

題目6：

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

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

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

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

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

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

  獲染饕Α：
  $node.attr('id');
  $node.attr('src');
  $node.attr('title');
  修改：
  $node.attr('id', '值');
  $node.attr('src', '值');
  $node.attr('title', '值');
  

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

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

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

  $ct.prepend('$node');
  

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

  $ct.appdend('$node');
  

  • 刪除$node

  $node.remove();
  

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

  $ct.empty();
  

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

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

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

  不包括內(nèi)邊距：
  獲取$node 的寬度:$node.width();
  獲取$node 的高度:$node.height();
  設(shè)置$node 的寬度:$node.width('值');
  設(shè)置$node 的高度:$node.height('值');
  包括內(nèi)邊距：
  獲取$node 的寬度:$node.innerWidth();
  獲取$node 的高度:$node.innerHeight();
  設(shè)置$node 的寬度:$node.innerWidth('值');
  設(shè)置$node 的高度:$node.innerHeight('值');
  包括邊框：
  獲取$node 的寬度:$node.OuterWidth();
  獲取$node 的高度:$node.OuterHeight();
  設(shè)置$node 的寬度:$node.OuterWidth('值');
  設(shè)置$node 的高度:$node.OuterHeight('值');
  包括外邊框：
  獲取$node 的寬度:$node.OuterWidth(true);
  獲取$node 的高度:$node.OuterHeight(true);
  設(shè)置$node 的寬度:$node.OuterWidth('值',true);
  設(shè)置$node 的高度:$node.OuterHeight('值',true);
  

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

  $(window).scrollTop();
  

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

  $node.offset();
  

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

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

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

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

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

  $ct.find('.item');
  

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

  $ct.children();
  ```  ?
  - 對于`$node`瘫寝，向上找到 class 為'`.ct`'的父親蜒蕾，在從該父親找到'`.panel`'的孩子
  

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

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

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

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

  $node.index();

題目7：

• 用jQuery實現(xiàn)以下操作

  • 當(dāng)點擊$btn時，讓$btn的背景色變?yōu)榧t色再變?yōu)樗{色
  • 當(dāng)窗口滾動時焕阿，獲取垂直滾動距離
  • 當(dāng)鼠標(biāo)放置到$div上咪啡，把$div 背景色改為紅色，移出鼠標(biāo)背景色變?yōu)榘咨?/li>
  • 當(dāng)鼠標(biāo)激活 input 輸入框時讓輸入框邊框變?yōu)樗{色暮屡，當(dāng)輸入框內(nèi)容改變時把輸入框里的文字小寫變?yōu)榇髮懗访?dāng)輸入框失去焦點時去掉邊框藍色，控制臺展示輸入框里的文字
  • 當(dāng)選擇 select 后褒纲，獲取用戶選擇的內(nèi)容
    預(yù)覽
    代碼
    (用到j(luò)Query-UI的部分知識)
    題目8： 用 jQuery ajax 實現(xiàn)如下效果准夷。`當(dāng)點擊加載更多會加載數(shù)據(jù)展示到頁面效果預(yù)覽9

代碼

8.png