題目1： jQuery 能做什么？

• 選擇網(wǎng)頁元素
• 改變結(jié)果集
• 元素的操作：取值和賦值
• 元素的操作：移動(dòng)
• 元素的操作：復(fù)制、刪除和創(chuàng)建
• 工具方法
• 事件操作
• 特殊效果
• AJAX

題目2： jQuery 對象和 DOM 原生對象有什么區(qū)別？如何轉(zhuǎn)化？

jQuery對象為類數(shù)組對象，只能使用jQuery對象的方法和API，不能使用DOM原生對象的方法
同理 DOM原聲對象只能使用原生對象的方法和API，不能使用jQuery對象的API

$('selector')[i] 加了[i]之后 變成dom原生對象

$(document.querySelector('selector')) 用$()包括之后 dom對象變?yōu)閖query對象

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

綁定事件

$('selector').on('event','selector',data,function(){})

• events：一個(gè)或多個(gè)空格分隔的事件類型和可選的命名空間，或僅僅是命名空間，比如"click", "click.hello"，其中'.hello'是給click事件的event namespaces（命名空間），方便簡化刪除或觸發(fā)事件
• selector：一個(gè)選擇器字符串，用于過濾出被選中的元素中能觸發(fā)事件的后代元素。如果選擇器是 null 或者忽略了該選擇器，那么被選中的元素總是能觸發(fā)事件，多用于事件代理
• data：當(dāng)一個(gè)事件被觸發(fā)時(shí)，要傳遞給事件處理函數(shù)的event.data
• function:事件被觸發(fā)時(shí)，執(zhí)行的函數(shù)。若該函數(shù)只是要執(zhí)行return false的話，那么該參數(shù)位置可以直接簡寫成 false

以下事件綁定的作用

• bind()
  為一個(gè)元素綁定一個(gè)事件處理程序,在jQuery 3.0中，.bind()已被標(biāo)記為棄用。從jQuery 1.7開始，.on() 方法是將事件處理程序綁定到文檔（document）的首選方法。

• unbind()
  從元素上刪除一個(gè)以前附加事件處理程序。在jQuery 3.0中，.unbind()已被標(biāo)記為棄用。從jQuery 1.7開始，它已經(jīng)被.off()方法取代。所以我們不建議使用該方法。

• delegate()
  為所有匹配選擇器（selector參數(shù)）的元素綁定一個(gè)或多個(gè)事件處理函數(shù)，基于一個(gè)指定的根元素的子集，匹配的元素包括那些目前已經(jīng)匹配到的元素，也包括那些今后可能匹配到的元素。
  在jQuery 3.0中，.delegate()已被標(biāo)記為棄用。從jQuery1.7開始，它已經(jīng)被.on()方法取代。所以我們不建議使用該方法。但是，對于早期版本，它仍然是使用事件代理（委派）最有效的方式。

• live()
  附加一個(gè)事件處理器到匹配目前選擇器的所有元素，包括現(xiàn)有的匹配的以及將來添加的匹配的元素，這個(gè)方法提供了一種手段，將委托的事件處理程序附加到一個(gè)頁面的document元素，從而簡化了在頁面上動(dòng)態(tài)添加的內(nèi)容上事件處理的使用。
  從jQuery1.7開始， .live() 方法已經(jīng)過時(shí)了。請使用.on()附加事件處理程序。 舊版本的jQuery中用戶，應(yīng)優(yōu)先使用.delegate()來取代.live()。

• on()
  在選定的元素上綁定一個(gè)或多個(gè)事件處理函數(shù)，在jQuery 1.7中，.on()方法 提供綁定事件處理的所有功能。

• off()
  移除一個(gè)事件處理函數(shù)。off() 方法移除用.on()綁定的事件處理程序。

推薦使用哪種？

對于jQuery1.7之后，推薦使用.on() .off()進(jìn)行綁定或解綁事件

使用on綁定事件使用事件代理的寫法

$('selector').on('event','selector',data,function(){})

如果省略selector或者是null，那么事件處理程序被稱為直接事件 或者 直接綁定事件 。每次選中的元素觸發(fā)事件時(shí)，就會(huì)執(zhí)行處理程序，不管它直接綁定在元素上，還是從后代（內(nèi)部）元素冒泡到該元素的

當(dāng)提供selector參數(shù)時(shí)，事件處理程序是指為委派 事件（愚人碼頭注：通常也有很多人叫它代理事件）。事件不會(huì)在直接綁定的元素上觸發(fā)，但當(dāng)selector參數(shù)選擇器匹配到后代（內(nèi)部元素）的時(shí)候，事件處理函數(shù)才會(huì)被觸發(fā)。jQuery 會(huì)從 event target 開始向上層元素(例如，由最內(nèi)層元素到最外層元素)開始冒泡，并且在傳播路徑上所有綁定了相同事件的元素若滿足匹配的選擇器，那么這些元素上的事件也會(huì)被觸發(fā)。

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

隱藏元素

$('selector').hide(duration, easing, complete)

• duration：動(dòng)畫持續(xù)多久
• easing：表示過渡使用哪種緩動(dòng)函數(shù)，jQuery自身提供"linear" 和 "swing"
• complete：在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)

展示元素

$('selector').show(duration, easing, complete)
用法與隱藏元素相似

題目5： jQuery 動(dòng)畫如何使用？

基礎(chǔ)動(dòng)畫

• .hide([duration],[easing],[complete] )
  用于隱藏元素，沒有參數(shù)的時(shí)候等同于直接設(shè)置display屬性為none
  duration： Type: Number or String，一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久，默認(rèn)值: "normal"， 三種預(yù)定速度的字符串("slow", "normal", 或 "fast")或表示動(dòng)畫時(shí)長的毫秒數(shù)值(如：1000)
  easing： Type: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。jQuery自身提供"linear" 和 "swing"，其他效果可以使用jQuery Easing Plugin插件

• .show([duration],[easing],[complete] )
  顯示匹配元素，與.hide()方法類似

• .toggle([duration],[complete] )
  顯示或隱藏匹配元素。用法與.hide()相似

自定義動(dòng)畫

• .animate( properties [, duration ] [, easing ] [, complete ] )
  properties： 類型: PlainObject，一個(gè)CSS屬性和值的對象,動(dòng)畫將根據(jù)這組對象移動(dòng)。
  duration (默認(rèn): 400)： 類型: Number or String，一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。（愚人碼頭注：默認(rèn)值: "normal"， 三種預(yù)定速度的字符串("slow", "normal", 或 "fast")或表示動(dòng)畫時(shí)長的毫秒數(shù)值(如：1000) ）
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。

• .finish()
  停止當(dāng)前正在運(yùn)行的動(dòng)畫，刪除所有排隊(duì)的動(dòng)畫，并完成匹配元素所有的動(dòng)畫。
  當(dāng).finish()在一個(gè)元素上被調(diào)用，立即停止當(dāng)前正在運(yùn)行的動(dòng)畫和所有排隊(duì)的動(dòng)畫（如果有的話），并且他們的CSS屬性設(shè)置為它們的目標(biāo)值（愚人碼頭注：就是所有動(dòng)畫的目標(biāo)值）。所有排隊(duì)的動(dòng)畫將被刪除。

• .stop()
  停止匹配元素當(dāng)前正在運(yùn)行的動(dòng)畫。

當(dāng)一個(gè)元素調(diào)用.stop()，當(dāng)前正在運(yùn)行的動(dòng)畫（如果有的話）立即停止。如果，例如，一個(gè)元素用.slideUp()隱藏的時(shí)候，調(diào)用.stop()，該元素依然會(huì)有一部分是處于顯示狀態(tài)的。由于元素上的動(dòng)畫尚未執(zhí)行完成，所以動(dòng)畫完成時(shí)執(zhí)行的回調(diào)函數(shù)是不會(huì)被調(diào)用的。

如果同一元素調(diào)用多個(gè)動(dòng)畫方法，尚未被執(zhí)行的動(dòng)畫被放置在元素的效果隊(duì)列中。這些動(dòng)畫不會(huì)開始，直到第一個(gè)完成。當(dāng)調(diào)用.stop()的時(shí)候，隊(duì)列中的下一個(gè)動(dòng)畫立即開始。如果clearQueue參數(shù)提供true值,那么在隊(duì)列中的動(dòng)畫其余被刪除并永遠(yuǎn)不會(huì)運(yùn)行。

漸變動(dòng)畫

• .fadeIn( [duration ][,easing] [, complete ] )
  通過淡入的方式顯示匹配元素。
  duration (默認(rèn): 400)： 類型: Number or String， 一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。

• .fadeOut( [duration ] [,easing] [, complete ] )
  通過淡出的方式隱藏匹配元素。
  duration (默認(rèn): 400)： 類型: Number or String， 一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。

• .fadeTo( duration, opacity [,easing] [, complete ] )
  調(diào)整匹配元素的透明度
  duration (默認(rèn): 400)： 類型: Number or String， 一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  opacity: 類型: Number, 0和1之間的數(shù)字表示目標(biāo)元素的不透明度。
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。

• .fadeToggle( [duration ] [, easing ] [, complete ] )
  通過匹配的元素的不透明度動(dòng)畫，來顯示或隱藏它們。
  duration (默認(rèn): 400)： 類型: Number or String， 一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。

滑動(dòng)

• .slideDown( [duration ] [, easing ] [, complete ] )
  用滑動(dòng)動(dòng)畫顯示一個(gè)匹配元素，方法將給匹配元素的高度的動(dòng)畫，這會(huì)導(dǎo)致頁面的下面部分滑下去，彌補(bǔ)了顯示的方式
  duration (默認(rèn): 400)： 類型: Number or String， 一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。

• .slideUp( [duration ] [, easing ] [, complete ] )
  用滑動(dòng)動(dòng)畫隱藏一個(gè)匹配元素，方法將給匹配元素的高度的動(dòng)畫，這會(huì)導(dǎo)致頁面的下面部分滑上去，當(dāng)一個(gè)隱藏動(dòng)畫后，高度值達(dá)到0的時(shí)候，display 樣式屬性被設(shè)置為none，以確保該元素不再影響頁面布局。
  duration (默認(rèn): 400)： 類型: Number or String， 一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)

• .slideToggle( [duration ] [, easing ] [, complete ] )
  用滑動(dòng)動(dòng)畫顯示或隱藏一個(gè)匹配元素，方法將給匹配元素的高度的動(dòng)畫，這會(huì)導(dǎo)致頁面中，在這個(gè)元素下面的內(nèi)容往下或往上滑。display屬性值保存在jQuery的數(shù)據(jù)緩存中，所以display可以方便以后可以恢復(fù)到其初始值。
  如果一個(gè)元素的display屬性值為inline，然后是隱藏和顯示，這個(gè)元素將再次顯示inline。當(dāng)一個(gè)隱藏動(dòng)畫后，高度值達(dá)到0的時(shí)候，display 樣式屬性被設(shè)置為none，以確保該元素不再影響頁面布局。
  duration (默認(rèn): 400)： 類型: Number or String， 一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。
  easing (默認(rèn): swing)：類型: String，一個(gè)字符串，表示過渡使用哪種緩動(dòng)函數(shù)。（譯者注：jQuery自身提供"linear" 和 "swing"）
  complete：類型: Function()，在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)

題目6：如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容？如何設(shè)置和獲取元素內(nèi)部文本？

$('selector').html() 不傳參，獲取元素內(nèi)部HTML
$('selector').html('innerHtml') 傳參，設(shè)置元素內(nèi)部HTML

$('selector').text() 不傳參，獲取元素內(nèi)部HTML
$('selector').text('innerHtml') 傳參，設(shè)置元素內(nèi)部HTML

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

$('selector').val() 不傳參，獲取用戶輸入或者選擇的內(nèi)容
$('selector').val('inputValue') 傳參，輸入或者選擇的內(nèi)容

$('selector').attr('attribute') 獲取元素屬性的值
$('selector').attr('attribute','value') 將元素屬性的值設(shè)置為bbb

題目8： 使用 jQuery實(shí)現(xiàn)如下效果

題目8鏈接

題目9：. 使用 jQuery 實(shí)現(xiàn)如下效果

題目9鏈接

題目10：實(shí)現(xiàn)如下效果

題目10鏈接

題目11： 模仿視頻6，完成 左右切換的 Tab 效果

題目11鏈接
請老師幫我看看題目11動(dòng)畫為什么不連續(xù)，謝謝