題目1： jQuery 能做什么？

jquery能做原生js所做一切，比原生js更簡潔，同時也對瀏覽器做出了兼容，同時簡化了原生js的使用。

題目2： jQuery 對象和 DOM 原生對象有什么區別？如何轉化？

Jquery對象是通過Jquery函數包裝DOM后的返回的對象，能夠調用Jquery里面的方法。但是DOM原生對象并不能調用Jquery的方法，jquery對象也不可以調用DOM對象的方法
轉化方法如下：
轉化為 jquery :$("a")
轉化為js $("div")[0]

題目3：jQuery中如何綁定事件？bind、unbind、delegate、live和on、off都有什么作用？推薦使用哪種？使用on綁定事件使用事件代理的寫法？

bind是為一個元素綁定一個事件處理
unbind從元素上刪除一個以前附加事件處理程序。
live是附加一個事件處理器到匹配目前選擇器的所有元素。
delegate：為所有匹配選擇器的元素綁定一個或多個事件處理函數，基于一個指定的根元素的子集
on：在選定的元素上綁定一個或多個事件處理函數
off:移除一個事件處理函數
推薦使用on和off 因為之前的版本中都已經丟棄了bind，delegate等
實例：$("elem").on('click',function(){....})
使用on綁定事件使用事件代理
$("elem").on('click',"ele2",function(){....})
ele作為ele2的事件代理

題目4：jQuery 如何展示/隱藏元素？

.show( [duration ] [, easing ] [, complete ] )展示元素
.hide([duration ] [,easing ] [,complete ])顯示元素

<div id="clickme">
  Click here
</div>
![](book.png)
With the element initially shown, we can hide it slowly:
$('#clickme').click(function() {
  $('#book').hide('slow', function() {
    alert('Animation complete.');
  });
});

<div id="clickme">
  Click here
</div>
![](book.png)
With the element initially hidden, we can show it slowly:
$('#clickme').click(function() {
  $('#book').show('slow', function() {
    // Animation complete.
  });
});

題目5： jQuery 動畫如何使用？

.animate( properties [, duration ] [, easing ] [, complete ] )

properties

一個CSS屬性和值的對象,動畫將根據這組對象移動。

duration (默認: 400)：一個字符串或者數字決定動畫將運行多久。默認值: "normal"， 三種預定速度的字符串("slow", "normal", 或 "fast"或表示動畫時長的毫秒數值(如：1000) ）

easing (default: swing)：一個字符串，表示過渡使用哪種緩動函數。jQuery自身提供"linear" 和 "swing"，其他效果可以使用jQuery Easing

complete：在動畫完成時執行的函數

<div id="clickme">
  Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123"
  style="position: relative; left: 10px;" />

$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
    // Animation complete.
  });
});

在使用animated的時候注意和stop方法的使用

題目6：如何設置和獲取元素內部 HTML 內容？如何設置和獲取元素內部文本？

$("ele").html()如果沒有參數，就是獲取元素的html，如果有參數就是設置元素內部的html內容。

$("ele").text() 獲取元素內部的文本 ,如果沒有參數，就是獲取元素的文本，如果有參數就是設置元素內部的文本內容。

題目7：如何設置和獲取表單用戶輸入或者選擇的內容？如何設置和獲取元素屬性？

獲取用戶輸入或者選擇的內容是：$("ele").val()或者.selected();
設置元素屬性：$("ele").attr()
獲取元素屬性：$("ele").attr("attr","value");

width:calc(100%/3);

水平滑動的幾個盒子水平排列，用的是浮動。