柚子快報邀請碼778899分享：前端 jQuery 常見面試題

http://yzkb.51969.com/

目錄

1、jQuery有哪些好處

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

3、jQuery 的美元符號 $ 有什么作用？

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

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

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

1、jQuery有哪些好處

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

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

基本選擇器：id選擇器，標簽選擇器，類選擇器等

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

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

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

3、jQuery 的美元符號 $ 有什么作用？

其實美元符號$只是 jQuery 的別名，它是 jQuery 的選擇器，如下代碼：

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

當然你也可以用 jQuery 來代替 $，如下代碼：

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

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

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

我想說：

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

我想說：你好

?

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

我想說：

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

我想說：你好

?

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

我想說：

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

你好我想說：

?

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

我想說：

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

你好我想說：

我想說：

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

我想說：

? ? ? ?

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

我想說：

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

我想說：

? ? ?

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

我想說：

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

你好

我想說：

? ? ? ?

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

我想說：

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

你好

我想說：

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

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

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

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

柚子快報邀請碼778899分享：前端 jQuery 常見面試題

http://yzkb.51969.com/

精彩內(nèi)容