題目1： 說(shuō)說(shuō)庫(kù)和框架的區(qū)別？
題目2： jquery 能做什么？
題目3： jquery 對(duì)象和 DOM 原生對(duì)象有什么區(qū)別？如何轉(zhuǎn)化？
題目4：jquery中如何綁定事件？bind、unbind、delegate、live、on、off都有什么作用？推薦使用哪種？使用on綁定事件使用事件代理的寫(xiě)法？
題目5：jquery 如何展示/隱藏元素？
題目6： jquery 動(dòng)畫(huà)如何使用？
題目7：如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容？如何設(shè)置和獲取元素內(nèi)部文本？
題目8：如何設(shè)置和獲取表單用戶(hù)輸入或者選擇的內(nèi)容？如何設(shè)置和獲取元素屬性？
http://js.jirengu.com/retoketota/1/

題目1：

庫(kù)：是一個(gè)數(shù)據(jù)倉(cāng)庫(kù)，里面放了各種可以利用的API，由于庫(kù)的內(nèi)部已經(jīng)做了各種底層的封裝和各種兼容實(shí)現(xiàn)，因此可以調(diào)用提供的API接口來(lái)實(shí)現(xiàn)我們需要的功能，而不需要復(fù)雜的代碼和加工，因此使代碼得到優(yōu)化，效率提高；
框架：相當(dāng)于一個(gè)模板，用來(lái)搭建一個(gè)項(xiàng)目的最基層的部分，框架內(nèi)部可以根據(jù)不同項(xiàng)目的需要填入不同的內(nèi)容。

庫(kù)：將代碼集合成一個(gè)產(chǎn)品，提供給開(kāi)發(fā)者調(diào)用。面向?qū)ο蟮拇a組織而成的叫類(lèi)庫(kù)，面向過(guò)程組織而成的叫函數(shù)庫(kù)。
框架：為解決一個(gè)(一類(lèi))問(wèn)題而開(kāi)發(fā)的產(chǎn)品，框架用戶(hù)一般只需要使用框架提供的類(lèi)或函數(shù)，即可實(shí)現(xiàn)全部功能。
區(qū)別：庫(kù)提供更靈活的選擇，需要自己組織。框架更具有針對(duì)性，提供一整套完整的代碼。

題目2：

jquery是一個(gè)豐富的js庫(kù)，內(nèi)部對(duì)js的很多復(fù)雜的方法進(jìn)行了封裝和加工，比如js很多方法名很冗長(zhǎng)，jquery封裝后方法就變得簡(jiǎn)便了，也考慮到了跨瀏覽器兼容問(wèn)題，這樣我們用js時(shí)需要考慮的很多問(wèn)題它都幫我們解決了，這樣我們使用時(shí)就比js代碼要方便，高效的多；
綁定事件：$('#btn').on()
設(shè)置css:$('#btn').css()
獲取到值：$('#btn').val()
設(shè)置value：$('#btn').html()
設(shè)置class：$('#btn').attr('class','button')

題目3：

原生js對(duì)象變?yōu)镴query對(duì)象，
btn——————用$包裹一下，$(btn)

Paste_Image.png

Jquery對(duì)象變?yōu)樵鷍s對(duì)象
$btn------------------$btn[0]

Paste_Image.png

題目4：

jq綁定事件用bind or delegate or live or on…
以下都不流行用了

bind為一個(gè)元素綁定一個(gè)事件處理程序。
unbind從元素上刪除一個(gè)以前附加事件處理程序。
delegate為所有匹配選擇器（selector參數(shù)）的元素綁定一個(gè)或多個(gè)事件處理函數(shù)，基于一個(gè)指定的根元素的子集，匹配的元素包括那些目前已經(jīng)匹配到的元素，也包括那些今后可能匹配到的元素。
live附加一個(gè)事件處理器到匹配目前選擇器的所有元素，現(xiàn)在和未來(lái)。

on在選定的元素上綁定一個(gè)或多個(gè)事件處理函數(shù)。
off移除一個(gè)事件處理函數(shù)

題目5：

例子
show;fadeIn;slideDown;
hide;fadeOut;sildeUp

題目6：

例子
動(dòng)畫(huà)有隊(duì)列的概念，即當(dāng)需要連續(xù)執(zhí)行多個(gè)動(dòng)畫(huà)時(shí)，不需要一層層的放入函數(shù)中，而是直接下列即可，每次點(diǎn)擊（操作）時(shí)，會(huì)向隊(duì)列中添加這些操作，點(diǎn)擊n次，則添加n次，執(zhí)行n次。

題目7：

設(shè)置和獲取元素內(nèi)部HTML可以使用.html()

$('.div1').html(); // 獲取內(nèi)部
$('.div1').html('<p>改變html</p>'); // 改變內(nèi)部html

設(shè)置和獲取元素內(nèi)部文本可以使用.text()

($('.div1').text()); // 獲取內(nèi)部
$('.div1').text('改變text'); // 改變內(nèi)部text值

題目8：

獲取內(nèi)容使用val()。

$('.text1').val(); // 獲得id為text1的元素的內(nèi)容

設(shè)置和獲取元素屬性可以使用attr()

$('.text1').attr('title'); // 獲得id為text1的元素的title屬性
$('.text1').attr('title', 'input-text'); // 設(shè)置id為text1的元素的title屬性為input-text