Jquery面試題整合匯編

Jquery面試題整合

一、Jquery測試題

下面哪種不是jquery的選擇器？(單選)

A、基本選擇器B、后代選擇器C、類選擇器D、進一步選擇器

考點:jquery的選擇器(C)

當DOM加載完成后要執(zhí)行的函數(shù)，下面哪個是正確的？(單選)

jQuery(expression,[context])B、jQuery(html,[ownerDocument])

jQuery(callback)D、jQuery(elements)

考點：jqueiry的核心函數(shù)(C)

下面哪一個是用來追加到指定元素的末尾的？(單選)

A、insertAfter()append()C>appendTo()D>after()

考點：jquery的核心函數(shù)(C)

下面哪一個不是jquery對象訪問的方法？(單選)

A、each(callback)B、size()C、index(subject)D、index()

考點：jquery的核心函數(shù)之對象訪問(D)

jqueiry訪問對象中的size()方法的返回值和jQuery對象的屬性一樣.

考點：jquery的核心函數(shù)之對象訪問(length)

jquery中$(1±15).get(0)的寫法和是等價的。

考點：jquery的核心函數(shù)之對象訪問($(this)[0])

7.有這樣一個表單元素

，想要找到這個hidden元素，下面哪個是正確的？(單選)

A、visibleB、hiddenC^visible()D>hidden()

考點：jquery的選擇器(B)

如果需要匹配包含文本的元素，用下面哪種來實現(xiàn)？(單選)

A、text()B、contains()C、input()D、attr(name)

考點：jquery的選擇器(B)

現(xiàn)有一個表格，如果想要匹配所有行數(shù)為偶數(shù)的，用實現(xiàn)，奇數(shù)的用

一實現(xiàn)。

考點：jquery的選擇器(even,odd)

如果想要找到一個表格的指定行數(shù)的元素，用下面哪個方法可以快速找到指定元

素？(單選)

A、text()B、get()C、eq0D、contents()

考點：jquery的選擇器(C)

在一個表單里，想要找到指定元素的第一個元素用實現(xiàn)，那么第二個

元素用實現(xiàn)。

考點：jquery的選擇器(first,eq(l))

下面哪種不屬于jquery的篩選？(單選)

A、過濾B、自動C、查找D、串聯(lián)

考點：jquery的篩選(B)

下面哪幾種是屬于jquery文檔處理的？(多選)

A、包裹B、替換C、刪除D、內(nèi)部和外部插入

考點：jquei^y的文檔處理(ABD)

如果想在一個指定的元素后添加內(nèi)容，下面哪個是實現(xiàn)該功能的？(單選)

A、append(content)BAappendTo(content)C、insertAfter(content)D>

after(content)

考點：jquery的文檔處理(D)

在jquery中，用一個表達式來檢查當前選擇的元素集合，使用來實現(xiàn)，

如果這個表達式失效，則返回___________值。

考點:jquery的篩選(is(expr),false)

在jquey中，如果想要從DOM中刪除所有匹配的元素，下面哪一個是正確的？(單

選)

A、delete()B、empty()C、removeOD、removeAll()

考點：jquery的文檔處理(C)

在jquery中，想要給第一個指定的元素添加樣式，下面哪一個是正確的？(單

選)

A、firstB、eq(l)C>css(name)D、css(name,value)

考點：jquery的css處理(C)

在編寫頁面的時候，如果想要獲取指定元素在當前窗口的相對偏移，用

來實現(xiàn)，該方法的返回值有兩個屬性，分別是和o

考點：jquery的css處理(offset,top,left)

在jquery中，如果想要獲取當前窗口的寬度值，下面哪個是實現(xiàn)該功能的？(單

選)

A、width()B、width(val)C>widthD、innerWidthO

考點：jquery的css處理(A)

在一個表單中，如果將所有的div元素都設置為綠色，實現(xiàn)功能是

考點:jquery的css處理($("div").css("color"green"))

為每一個指定元素的指定事件(像click)綁定一個事件處理器函數(shù)，下面哪個

是用來實現(xiàn)該功能的？(單選)

A、trigger(type)B、bind(type)C>one(type)D>bind

考點：jquery的事件操作(B)

在jquery中，鼠標移動到一個指定的元素上，會觸發(fā)指定的一個方法，實現(xiàn)該

操作的是o

考點：jquery的事件操作(hover(over,out))

下面哪幾個不是屬于jquery的事件處理？(多選)

A、bind(type)B、click()C、change()D、one(type)

考點：jquery的事件處理(BC)

在一個表單中，如果想要給輸入框添加一個輸入驗證，可以用下面的哪個事件實

現(xiàn)？(單選)

A、hover(over,out)B、keypress(fn)C、change。。、change(fn)

考點：jquery的事件處理(D)

當一個文本框中的內(nèi)容被選中時，想要執(zhí)行指定的方法時，可以使用下面哪個事

件來實現(xiàn)？(單選)

A、click(fn)B>change(fn)C>select(fn)D>bind(fn)

考點：jquery的事件處理(C)

在jquery中，想讓一個元素隱藏，用實現(xiàn),顯示隱藏的元素用

實現(xiàn)。

考點：jquery的頁面效果(hide(),show())

在一個表單中，用600毫秒緩慢的將段落滑上，用

_____________________________________來實現(xiàn)。

考點：jquery的頁面效果($("p").slideUp("slow"))

在jqueiry中，如果想要自定義一個動畫，用_____________________________函數(shù)

來實現(xiàn)。

考點：jquery的頁面效果(animate(params,options))

在jquery中想要實現(xiàn)通過遠程httpget請求載入信息功能的是下面的哪一下事

件？(單選)

A、$.ajax()B>load(url)C>$.get(url)D>$.getScript(url)

考點：jqueiy的ajax(C)

下面不屬于ajax事件的是？(單選)

A、ajaxComplete(calIback)B>ajaxSuccess(callback)C>$.post(url)D^

ajaxSend(callback)

考點：jquery的ajax(C)

徹底將jQuery變量還原，可以使用方法實現(xiàn)。

考點:jquery的多庫共存($.noConflict(extreme))

上機題：

用jquery來實現(xiàn)動態(tài)添加和刪除表格行

在一個表單中，查找所有選中的input元素，可以用jque”中的

____________________來實現(xiàn)。

考點：jquery的選擇器(:not())

下面哪幾種是jquery中表單的對象屬性？(多選)

A、：checkedB、：enabledC、:hiddenD、：selectedE、:fileF、:disabled

考點：jquery的選擇器(ABDF)

在jquery中如果將一個“名/值”形式的對象設置為所有指定元素的屬性，可以

用實現(xiàn)。

考點：jquery選擇器之屬性(attr(pro))

在jquery中指定一個類，如果存在就執(zhí)行刪除功能，如果不存在就執(zhí)行添加功

能，下面哪一個是可以直接完成該功能的？(單選)

A、removeClass()B、deleteClass()C>toggleClass(class)addClass()

考點：jquei*y的屬性(C)

在jquery中想要找到所有元素的同輩元素，下面哪一個是可以實現(xiàn)的？(單選)

A、eq(index)B、find(expr)C、siblings([expr])D、next()

考點：jquei;y的篩選(C)

二、css測試題

css的語法由、、三部分組成。

考點：css的語法(選擇器、屬性和值)

下面哪一個不是檢索一個對象的定位方式的屬性？(單選)

A、staticB、absoluteC、fixedD、top

考點：css的定位(D)

下面哪個是display布局中用來設置對象以塊顯示，并添加新行的？(單選)

A、inlineB、noneC、blockD、compact

考點：css的布局(C)

設置邊框的邊框樣式用實現(xiàn)，設置邊框的顏色用實現(xiàn)。

考點：css的邊框(border-style,border-color)

設置一個div的最小寬度為100像素，最大高度為50像素，實現(xiàn)這兩個設置的

方法是、。

考點：css的尺寸(min-width：100px;min-height：50px;)

為一個圖片設置成背景圖像后，設置背景圖像在縱向和橫向上平鋪，下面哪個是

實現(xiàn)該功能的？(單選)

A、no-repeatB、repeatC、repeat-xD>repeat-y

考點：css的背景background(repeat)

想要設置一個對象外的線條輪廓的樣式為虛線邊框，用實現(xiàn)該

功能。

考點：css的輪廓outline(outline-style:dashed)

在css中，如果想要阻止計數(shù)器增加的，用來實現(xiàn)。

考點：css的內(nèi)容content(counter-increment:none)

在編寫css樣式的時候如果想要設置標記容器和主容器之間的補白，用

________________來表示。

考點：css的列表(marker-offset)

如果想設置表格的行與單元格的邊框合并在一起，可以用

來實現(xiàn)。

考點：css的表格(border-collapse：collapse)

如果想設置一個對象內(nèi)文本的流動和方向，用標簽來實現(xiàn)，該

標簽有兩個值，分別是__、

?css的文本Text(text-layout-flow,horizontal>

vertical-ideographic)

在編寫css樣式的時候，如果想要設置文本的對齊方式，下面哪一個不是

text-align下的值？(單選)

A、leftB、rightC、topD、justify

考點：css的文本Text(C)

在css中，如果想要設置對象中文本的樣式，下面哪一個不是該標簽的值？(單

選)

A、blinkB、line-throughC、colorD、overline

考點：css的字體font(C)

在css中，設置滾動條的表面顏色，是用下面的哪個標簽來實現(xiàn)的？(單選)

A^scrollbar-base-colorB>scrollbar-face-colorC>scrol1bar-arrow-color

D、scrol1bar-shadow-color

考點：css的滾動條scrollbar(B)

三、問答題

1.什么是jQueu?

jQuery是繼prototype之后又一個優(yōu)秀的Javascript框架。

2.HTML代碼：

ThisisaDIV

1)把這個HTML元素轉(zhuǎn)化為jQuery對象的語句是？

2)得到div元素內(nèi)文本的語句可以是哪些？

3)把元素內(nèi)文本設置為粗體的方法有？

4)清空文本的方法有？

l.$("div”)

2.$("div”).text。，$("div”).html()

3.$(“div”).text("ThisisDIV”)

4.$("div”).text()

3.HTML代碼：

窗體頂端

窗體底端

1)$(':hidden，).length的值是?

1

2)$(，forminput'),$('form>input'),$(，form+input'),$(4form

~input')分別返回代表哪些元素的jQuery數(shù)日？

$("forminput')返回form下的所有input元素

$("form>input")查找以form為父元素所有input子元素

$(4form+input')查找以form之外第一個input子元素

$('forminput))查找以form之外所有input子元素

3)獲取form里第二個input元素的方法有？

$("#divlinput").eq⑴

4)$('forminput:first)).parent()返回的是?

5)$('forminput:firstJ).parents().size()的值是？

1

6)$('#divl').empty。與$(〉remove。的結果有什么不同?

$('#divl').empty。清空divl的內(nèi)容結果為

$("#divl").remove。刪除divl節(jié)點及包含的子節(jié)點

4.有一個button

執(zhí)行以下jQuery語句：

$('#btn').click(function(){alert('clickme");});

$('#btn').click(function(){alert('clickmeagain.')});

單擊這個button會有什么效果？

彈出2次對話框分別是clickme,clickmeagain

5.HTML代碼：

Hellohowareyou?

jQuery代碼:

$("p").find("span").text('Hi').end()

結果是？

Hihowareyou

1你在公司是怎么用jquery的？

答：在項目中是怎么用的是看看你有沒有項目經(jīng)驗（根據(jù)自己的實際情況來回

答）你用過的選擇器啊，復選框啊，表單啊，ajax啊，事

件等配置Jquery環(huán)境下載jquery類庫在jsp頁面引用

jquery類庫即

可<scripttype=/，text/javascript，/src=，/jquery/jquery_1.7.2

.min.js，7>接下來通過

在<script>$（function（）｛

｝）；

</script>

2你為什么要使用jquery?

答：因為jQuei~y是輕量級的框架，大小不到30kb,它有強大的選擇

器，出色的D0M操作的封裝，有可靠的事件處理機制（jQuery在

處理事件綁定的時候相當?shù)目煽浚?，完善的ajax（它的ajax封裝

的非常的好，不需要考慮復雜瀏覽器的兼容性和

XMLHttpRequest對象的創(chuàng)建和使用的問題。）出色的瀏覽器的

兼容性。而且支持鏈式操作，隱式迭代。行為層和結構層的分

離，還支持豐富的插件，jquery的文檔也非常的豐富。

3你覺得jquery有哪些好處？答案同上

4你使用jqueiry遇到過哪些問題，你是怎么解決的？

答：這個答案是開發(fā)的，看你是否有相關的項目經(jīng)驗。例前臺

拿不到值，JSON可是出現(xiàn)的錯誤（多了一個空格等）這編譯是不會報錯

的jquery庫與其他庫沖突：1>如果其他庫在

jquery庫之前導入的話1.我們可以通過

jquery.noconflict()將變量的$的控制權過度給其他

庫2.自定義快捷鍵,用一個變量接住

jquery.noconflict()3.通過函數(shù)傳

參2＞如果jquery庫在其他庫之前導入就直接使用

jquery今天在處理一個數(shù)據(jù)問題時，發(fā)現(xiàn)jQuery.ajax()方法

返回的值一直有問題，清除緩存后數(shù)據(jù)無誤，多次測試后發(fā)

現(xiàn)返回的值都是之前的值，并且一直未執(zhí)行url(后臺為JAVA,設置斷點一直未

進入)。在網(wǎng)上查找下,發(fā)現(xiàn)是未設置type的原因。如果沒設置

jQuery.ajax的type="Post",那么ajax就會默認type="Get",這就會導致之

前數(shù)據(jù)被緩存起來。加上type="Post〃，問題解決！

5你知道jquery中的選擇器嗎，請講一下有哪些選擇

器？

答：jQuery中的選擇器大致分為:基本選擇器，層次選擇器，過濾選擇器，表

單選擇器

6jquery中的選擇器和css中的選擇器有區(qū)別

嗎？

答：jQuery選擇器支持CSS里的選擇器，jQuery選擇器可用

來添加樣式和添加相應的行為CSS中的選擇器是只能添加相

應的樣式

7你覺得jquery中的選擇器有什么優(yōu)勢？

答：簡單的寫法$('ID')來代替document.getElementByld()函

數(shù)支持CSS1到CSS3選擇器完善的

處理機制(就算寫錯了id也不會報錯)

8你在使用選擇器的時候有有沒有什么覺得要注意的地

方？

答：1選擇器中含有等特殊字符的時候需要進行轉(zhuǎn)

譯2屬性選擇器的引號問題3選擇器中含

有空格的注意事項

9jquery對象和dom對象是怎樣轉(zhuǎn)換的？

答：jquery轉(zhuǎn)DOM對象:jQuery對象是一個數(shù)組對象，可以通過［index］的豐

富得到相應的D0M對象還可以通過

get［index］去得到相應的DOM對象。DOM對象轉(zhuǎn)jQuery對

象:$(D0M對象)

10你是如何使用jquery中的ajax的？

答：如果是一些常規(guī)的ajax程序的話，使用load。，$.get(),$.post(),就可以

搞定了，一般我會使用的是$.post()方

法。如果需要設定beforeSend(提交前回調(diào)函數(shù))，error(失

敗后處理)，success(成功后處理)及complete(請求完成后處

理)回調(diào)函數(shù)等，這個時候我會使用$.ajax()

11你覺得jquery中的ajax好用嗎，為什么？

答：好用的。因為jQuery提供了一些日常開發(fā)中夙瑤的快捷

操作，例load,ajax,get,post等等，所以使用jQuery開發(fā)

ajax將變得極其簡單，我們就可以集中精力在業(yè)務和用戶的體驗

上，不需要去理會那些繁瑣的XMLHttpRequest對象了。

12jquery中$.get()提交和$.post()提交有區(qū)別嗎？

答：1$.get()方法使用GET方法來進行異步請求

的。$.post。方法使用POST方法來進行異步請求的。2

get請求會將參數(shù)跟在URL后進行傳遞，而POST請求則是作為HTTP消息的實

體內(nèi)容發(fā)送給Web服務器的，這種傳遞是對用戶不可見

的。3get方式傳輸?shù)臄?shù)據(jù)大小不能超過2KB而POST要大的

多4GET方式請求的數(shù)據(jù)會被瀏覽器緩存起來，因此有安全問

題。

13jquery中的load方法一般怎么用的？

答：load方法一般在載入遠程HTML代碼并插入到DOM中的時候

用通常用來從Web服務器上獲取靜態(tài)的數(shù)據(jù)文

件。如果要傳遞參數(shù)的話，可以使用$.get?；?.post()

14在jquery中你是如何去操作樣式的？

答:addClass()來追加樣式removeClass()來刪除樣

式toggle()來切換樣式

15簡單的講敘一下jquery是怎么處理事件的，你用過哪些事件？

答：首先去裝載文檔，在頁面家在完畢后，瀏覽器會通過javascript為

D0M元素添加事件。

16你使用過jquery中的動畫嗎，是怎樣用的？答:使用過。

hide。和show()同時修改多個樣式屬性。像高度，寬度,

不透明度。fadelnO和fadeOul()fadeTo()只改變不透

明度slideUpO和slideDown()slideToggle()只改變高

度animate()屬于自定義動畫的方法.

17你使用過jquery中的插件嗎？答:看個人的實力和經(jīng)驗來回答

了。

18你一般用什么去提交數(shù)據(jù)，為什么？

答:一般我會使用的是$.post()方法。如果需要設定

beforeSend(提交前回調(diào)函數(shù))，error(失敗后處理)，success(成功后處

理)及complete(請求完成后處理)回調(diào)函數(shù)等，這個時候我

會使用$.ajax()

19在jquery中引入css有幾種方式？

答:四種行內(nèi)式，內(nèi)嵌式，導入式，鏈接式

20你在jquery中使用過哪些插入節(jié)點的方法，它們的區(qū)別是什

么？答:append(),appendTo(),prepend(),prependTo(),after(),ins

ertAfter()before(),insertBefore()大致可以分為

內(nèi)部追加和外部追加append()表式向每個元素內(nèi)部追加內(nèi)

容。appendTo()表示講所有的元素追加到指定的元素

中。例$(A)appendTo(B)是將A追加到B中下

面的方法解釋類似

21你使用過包裹節(jié)點的方法嗎，包裹節(jié)點有方法有什么好

處？

答:wrapAll(),wrap(),wraplnner()需要在文檔中插入額外

的結構化標記的時候可以使用這些包裹的方法應為它不會帛畫

原始文檔的語義

22jquery中如何來獲取或和設置屬性？jQuer中可以用

attr()方法來獲取和設置元素屬性removeAttr()方法來刪除元素屬性

23如何來設置和獲取HTML和文本的值？

答：html()方法類似于innerHTML屬性可以用來讀取或者設置某個元素中的

HTML內(nèi)容注意：html()可以用于xhtml文檔不能用于

xml文檔text。類似于innerText屬性可以用來讀取或

設置某個元素中文本內(nèi)容。val()可以用來設置和獲取元素的

值

24你jquery中有哪些方法可以遍歷節(jié)點？

答：childrenO取得匹配元素的子元素集合，只考慮子元素不考慮后代元

素next()取得匹配元素后面緊鄰的同輩元

素prevO取得匹配元素前面緊鄰的同輩元

素siblingsO取得匹配元素前后的所有同輩元

素closest。取得最近的匹配元

素find()取得匹配元素中的元素集合包括子代和后

代

25子元素選擇器和后代選擇器元素有什么區(qū)別？

答:子代元素是找子節(jié)點下的所有元素，后代元素是找子節(jié)點或子節(jié)點的子節(jié)點

中的元素

26在jquery中可以替換節(jié)點嗎？

答：可以在jQuery中有兩者替換節(jié)點的方式replaceWith()

和replaceAll()例如在〈ptitle="haoareyou”>haoare

you</p>替換成<strong>I

amfine<strong>$('p').replaceWith(*<strong>Iamfine<

/strong〉');replaceAll與replaceWith的用法前后調(diào)換

一下即可。

27你覺得beforeSend方法有什么用？

答：發(fā)送請求前可以修改XMLHttpRequest對象的函數(shù)，在beforeSend

中如果返回false可以取消本次的Ajax請求。

XMLHttpRequest對象是唯一的參數(shù)所以在這個方法里可以做驗

證

28siblings()方法和$('prev~div')選擇器是一樣的嘛？

答：$('prev~div')只能選擇'#prev'元素后面的同輩<div>元

素而siblings。方法與前后的文職無關，只要是同輩節(jié)

點就都能匹配。

29你在ajax中使用過JSON嗎，你是如何用的？

答:使用過，在$.getJSON()方法的時候就是。因為$.getJSON()就是用

于加載JSON文件的

30有哪些查詢節(jié)點的選擇器？

答：我在公司使用過:first查詢第一個，：last查詢最后一個，：odd查詢奇

數(shù)但是索引從。開始：even查詢偶數(shù)，：eq(index)查詢相等

的，：gt(index)查詢大于index的，：It查詢小于index:header

選取所有的標題等

31nextAll()能替代$('prev~siblindgs')選擇器嗎？

答:能。使用nextAll()和使用$('prev、siblindgs')是一樣的

32jQuery中有幾種方法可以來設置和獲取樣式

答：addClassO方法，attr()方法

33$(document).ready。方法和window,onload有什么區(qū)別？

答：兩個方法有相似的功能，但是在實行時機方面是有區(qū)別

的。1window,onload方法是在網(wǎng)頁中所有的元素(包括

元素的所有關聯(lián)文件)完全加載到瀏覽器后才執(zhí)行

的。2$(document),ready。方法可以在DOM載入就緒時就對其

進行操縱，并調(diào)用執(zhí)行綁定的函數(shù)。

34jQuei-y是如何處理緩存的？

答：要處理緩存就是禁用緩存.1通過$.post。方法來

獲取數(shù)據(jù)，那么默認就是禁用緩存的。2通過$.get()方法來獲

取數(shù)據(jù)，可以通過設置時間戳來避免緩存?？梢栽?/p>

URL后面加上+(+newDate)例

$.get('ajax,xml?'+(+newDate),function

(){〃內(nèi)

容})；3通過$.ajax方法來獲取數(shù)

據(jù)，只要設置cache:false即可。

35$.getScript。方法和$.getjson()方法有什么區(qū)別？

答：1$.getScript()方法可以直接加載.js文件，并且不需要對javascript文

件進行處理，javascript文件會自動執(zhí)

行。2$.getjson。是用于加載JSON文件的，用法和

$.getScript()

36你讀過有關于jQuery的書嗎？《jquery基礎教程》《jquery

實戰(zhàn)》《鋒利的jquery》《巧用jquery》《jQuery用戶界面庫學習指

南》等

37$("#msg").text();和$("#msg").text("<b>newcontent</b〉");有什么區(qū)

別？

答：l$("#msg").text()是返回id為msg的元素節(jié)點的文本內(nèi)

容2$("#msg").text("<b>newcontent</b>z");是將“<b>new

content</b>,>作為普通文本串寫入id為msg的元素節(jié)點內(nèi)容

中，頁面顯示粗體的<b>newcontent〈/b>

38radio單選組的第二個元素為當前選中值，該怎么去??？

答：$('input[name=items]').get⑴.checked=true;

39選擇器中id,class有什么區(qū)別？

答：在網(wǎng)頁中每個id名稱只能用一次，class可以允許重復使

用

40你使用過哪些數(shù)據(jù)格式，它們各有什么特點？

答：HTML格式，JSON格式，javascript格式,XML格式1HTML

片段提供外部數(shù)據(jù)一般來說是最簡單的。2如果數(shù)據(jù)需要重用，

而且其他應用程序也可能一次受到影響，那么在性能和文件大小方面具有優(yōu)勢的

JSON通常是不錯的選擇。3而當遠程應用程序未知時，XML

則能夠為良好的互操作性提供最可靠的保證。

41jQuery能做什么？

答：1獲取頁面的元素2修改頁面的外

觀3改變頁面大的內(nèi)容4響應用戶的頁

面操作5為頁面添加動態(tài)效果6無需刷新頁

面，即可以從服務器獲取信息7簡化常見的javascript任

42在ajax中data主要有幾種方式？

答：三種，html拼接的，json數(shù)組，form表單經(jīng)serialize()序列化

的。

43:jQuery中的hover()和toggle。有什么區(qū)別?

答hover。和toggle。都是jQuery中兩個合成事件。hover()

方法用于模擬光標懸停事件。toggle。方法是連續(xù)點擊事

件。

44你知道jQuery中的事件冒泡嗎，它是怎么執(zhí)行的，何如來停止冒泡事

件？答：知道，事件冒泡是從里面的往外面開始觸

發(fā)。在jQuery中提供了stopPropagation()方法可以停止

冒泡。

45例如單擊超鏈接后會自動跳轉(zhuǎn)，單擊“提交"按鈕后表單會提交等，有時候我

想阻止這些默認的行為，該怎么辦？

答：可以用event.preventDefault()或在事件處理函數(shù)中

返回false,即returnfalse;

46.jque:ry表單提交前有幾種校驗方法？分別為？？

formData:返回一個數(shù)組，可以通過循環(huán)調(diào)用來校驗jaForm：返回一個

jQuery對象，所有需要先轉(zhuǎn)換成dom對象fieldValue：返回一個

數(shù)組beforeSend()

47.在jquery中你有沒有編寫過插件，插件有什么好處？你編寫過那些插件？它

應該注意那些？

答：插件的好處:對已有的一系列方法或函數(shù)的封裝，以便在其他地方重新利用，

方便后期維護和提高開發(fā)效率插件的分類：封裝對象方法插

件、封裝全局函數(shù)插件、選擇器插件注意的地

方：1.插件的文件名推薦命名為jquery.［插件名］.js,

以免和其他的JavaScript庫插件混淆2.所有的對

象方法都應當附加到jQuery.fn對象上，而所有的全局函數(shù)都應當附加到jQuery

對象本身上3.插件應該返回一個jQuery對象，以保證

插件的可鏈式操作4.避免在插件內(nèi)部使用$作為

jQuery對象的別名，而應使用完整的jQuery來表示，這樣可以避免沖突或使用

閉包來避免5.所有的方法或函數(shù)插件，都應當一分

好結尾，否則壓縮的時候可能出現(xiàn)問題。在插件頭部加上分號，這樣可以避免他

人的不規(guī)范代碼給插件帶來影響6.在插件中通過

$.extent({})封裝全局函數(shù),選擇器插件，擴展已有的object對

象通過$.fn.extend({})封裝對象方法插件

48.怎樣給jquery動態(tài)附加新的元素?那么怎樣給新生成的元素綁定事件

呢？jQuery的html?？梢越o現(xiàn)在元素附加新的元素直

接在元素還未生成前就綁定肯定是無效的，因為所綁定的元素目前根本不存

在。所以我們可以通過live和livequery來動態(tài)綁定事件

jQuery經(jīng)典面試題及答案精選

問題：jQuery的美元符號$有什么作用？

回答：其實美元符號$只是"jQuery”的別名，它是jQuery的選擇器，如下

代碼：

$(document).ready(function(){

})；

當然你也可以用jQuery來代替$,如下代碼:

jQuery(document).ready(function(){

})；

jQuery中就是通過這個美元符號來實現(xiàn)各種靈活的DOM元素選擇的，例如

$("#main")即選中id為main的元素。

問題：body中的onload()函數(shù)和jQuery中的

document,ready()有什么區(qū)別?

回答：onload()和document,ready()的區(qū)別有以下兩點：

1、我們可以在頁面中使用多個document,ready(),但只能使用一次

onload()。

2、document,ready()函數(shù)在頁面D0M元素加載完以后就會被調(diào)用，而

onload()函數(shù)則要在所有的關聯(lián)資源(包括圖像、音頻)加載完畢后才會調(diào)用。

問題：jQuery中有哪幾種類型的選擇器？

回答：從我自己的角度來講，可以有3種類型的選擇器，如下：

1、基本選擇器：直接根據(jù)id、css類名、元素名返回匹配的dom元素。

2、層次選擇器：也叫做路徑選擇器，可以根據(jù)路徑層次來選擇相應的D0M

元素。

3、過濾選擇器：在前面的基礎上過濾相關條件，得到匹配的dom元素。

問題：請使用jQuery將頁面上的所有元素邊框設置

為2Px寬的虛線？

回答：這正是jQuery選擇器上場的時候了，代碼如下:

4

<scriptlanguage=,*javascript"type=ntext/javascript">

$(…).css(“border”，n2pxdottedred");

</script>

問題：當CDN上的jQuery文件不可用時，該怎么辦?

回答：為了節(jié)省帶寬和腳本引用的穩(wěn)定性，我們會使用CDN上的jQuery文

件，例如google的jquerycdn服務。但是如果這些CDN上的JQuery服務不可

用，我們還可以通過以下代碼來切換到本地服務器的jQuery版本：

1

7