柚子快報(bào)邀請(qǐng)碼778899分享：前端 jQuery 常見(jiàn)面試題

http://yzkb.51969.com/

目錄

1、jQuery有哪些好處

2、你知道 jQuery 有哪些選擇器

3、jQuery 的美元符號(hào) $ 有什么作用？

4、jQuery 中使用過(guò)哪些插入節(jié)點(diǎn)的方法，他們的區(qū)別是什么

5、jQuery 中常見(jiàn)的幾種函數(shù)以及他們的含義是什么

6、$(this) 和 this 關(guān)鍵字在 jQuery 中有何不同

1、jQuery有哪些好處

jQuery 是輕量級(jí)的框架，大小不到 30 kb 它有強(qiáng)大的選擇器，出色的 DOM 操作的封裝 有可靠的事件處理機(jī)制 完善的 ajax（它的 ajax 封裝的非常的好，不需要考慮復(fù)雜瀏覽器的兼容性和 XMLHttpRequest 對(duì)象的創(chuàng)建和使用的問(wèn)題） 出色的瀏覽器的兼容性 支持鏈?zhǔn)讲僮?，隱式迭代

2、你知道 jQuery 有哪些選擇器

基本選擇器：id選擇器，標(biāo)簽選擇器，類選擇器等

層次選擇器：如：$("form input") 選擇所有的 form 元素中的 input 元素；$("#main > *") 選擇 id 為 main 的所有子元素

過(guò)濾選擇器：如：$("tr:first") 選擇所有tr元素的第一個(gè)；$("tr:last") 選擇所有 tr 元素的最后一個(gè)

表單選擇器：如：$(":input") 選擇所有的表單輸入元素；$(":text") 選擇所有的 text 的 input 元素

3、jQuery 的美元符號(hào) $ 有什么作用？

其實(shí)美元符號(hào)$只是 jQuery 的別名，它是 jQuery 的選擇器，如下代碼：

$(document).ready(function(){});

當(dāng)然你也可以用 jQuery 來(lái)代替 $，如下代碼：

jQuery(document).ready(function(){});

4、jQuery 中使用過(guò)哪些插入節(jié)點(diǎn)的方法，他們的區(qū)別是什么

在元素內(nèi)部添加 1、append：向每個(gè)匹配的元素內(nèi)部追加內(nèi)容

我想說(shuō)：

$("p").append("你好")

我想說(shuō)：你好

?

2、appendTo：將所有匹配的元素追加到指定的元素中

我想說(shuō)：

$("你好").appendTo("p")

我想說(shuō)：你好

?

3、prepend：向每個(gè)匹配的元素內(nèi)部前置添加內(nèi)容

我想說(shuō)：

$("p").prepend("你好")

你好我想說(shuō)：

?

4、prependTo：將所有匹配的元素前置到指定的元素中

我想說(shuō)：

$("你好").prependTo("p")

你好我想說(shuō)：

我想說(shuō)：

$("p").after("你好")

我想說(shuō)：

? ? ? ?

2、insertAfter：將所有配的元素插入到指定元素的后面**

我想說(shuō)：

$("你好").insertAfter("p")

我想說(shuō)：

? ? ?

3、before：在每個(gè)匹配的元素之前插入內(nèi)容

我想說(shuō)：

$("p").before("你好")

你好

我想說(shuō)：

? ? ? ?

4、insertBefore：將所有匹配的元素插入到指定的元素的前面

我想說(shuō)：

$("你好").insertBefore("p")

你好

我想說(shuō)：

5、jQuery 中常見(jiàn)的幾種函數(shù)以及他們的含義是什么

get()：取得所有匹配的DOM元素集合 get(index)：取得其中一個(gè)匹配的元素.index表示取得第幾個(gè)匹配的元素 append(content)：向每個(gè)匹配的元素內(nèi)部追加內(nèi)容 after(content)：在每個(gè)匹配的元素之后插入內(nèi)容 html()/html(var)：取得或設(shè)置匹配元素的html內(nèi)容 find(expr)：搜索所有與指定表達(dá)式匹配的元素 bind(type,[data],fn)：為每個(gè)匹配元素的特定事件綁定事件處理函數(shù) empty()：刪除匹配的元素集合中所有的子節(jié)點(diǎn) hover(over,out)：一個(gè)模仿懸停事件（鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象）的方法 attr(name)：取得第一個(gè)匹配元素的屬性值 addClass(class) 和 removeClass(class) 為指定的元素添加或移除樣式 css(name)：訪問(wèn)第一個(gè)匹配元素的樣式屬性 ajax([options])：通過(guò)HTTP請(qǐng)求加載遠(yuǎn)程數(shù)據(jù) get(url,[data],[callback],[type])：通過(guò)遠(yuǎn)程HTTP GET請(qǐng)求載入信息 post(url,[data],[callback],[type])：通過(guò)遠(yuǎn)程HTTP POST請(qǐng)求載入信息 load(url,[data],[callback])：載入遠(yuǎn)程HTML文件代碼并插入至DOM中

6、$(this) 和 this 關(guān)鍵字在 jQuery 中有何不同

$(this) 返回一個(gè) jQuery 對(duì)象，你可以對(duì)它調(diào)用多個(gè) jQuery 方法，比如用 text() 獲取文本，用 val() 獲取值等等 而 this 代表當(dāng)前元素，它是 JavaScript 關(guān)鍵詞中的一個(gè)，表示上下文中的當(dāng)前 DOM 元素。你不能對(duì)它調(diào)用jQuery 方法，直到它被 $() 函數(shù)包裹，例如 $(this)

柚子快報(bào)邀請(qǐng)碼778899分享：前端 jQuery 常見(jiàn)面試題

http://yzkb.51969.com/

精彩內(nèi)容