一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

Jquery面試題總結(jié)

 昵稱27265735 2017-04-18

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

答:在項(xiàng)目中是怎么用的是看看你有沒有項(xiàng)目經(jīng)驗(yàn)(根據(jù)自己的實(shí)際情況來回答) 你用過的選擇器啊,復(fù)選框啊,表單啊,ajax啊,事件等
配置jQuery環(huán)境 下載jquery類庫(kù) 在jsp頁面引用jquery類庫(kù)即可

<script type="text/[JavaScript](http://lib.csdn.net/base/javascript)" src="jquery/jquery-1.7.2.min.js"/>
接下來通過在<script> $(function(){ }); </script>

2 你為什么要使用jquery?

答:因?yàn)閖Query是輕量級(jí)的框架,大小不到30kb,它有強(qiáng)大的選擇器,出色的DOM操作的封裝,有可靠的事件處理機(jī)制(jQuery在處理事件綁定的時(shí)候相當(dāng)?shù)目煽?,完善的ajax(它的ajax封裝的非常的好,不需要考慮復(fù)雜瀏覽器的兼容性和XMLHttpRequest對(duì)象的創(chuàng)建和使用的問題。) 出色的瀏覽器的兼容性。 而且支持鏈?zhǔn)讲僮?,隱式迭代。行為層和結(jié)構(gòu)層的分離,還支持豐富的插件,jquery的文檔也非常的豐富。

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

4 你使用jquery遇到過哪些問題,你是怎么解決的?

答:這個(gè)答案是開發(fā)的,看你是否有相關(guān)的項(xiàng)目經(jīng)驗(yàn)。
例前臺(tái)拿不到值,JSON 可是出現(xiàn)的錯(cuò)誤(多了一個(gè)空格等)這編譯是不會(huì)報(bào)錯(cuò)的 jquery庫(kù)與其他庫(kù)沖突:
1>如果其他庫(kù)在jquery庫(kù)之前導(dǎo)入的話
1.我們可以通過jquery.noconflict()將變量的$的控制權(quán)過度給其他庫(kù)
2.自定義快捷鍵,用一個(gè)變量接住jquery.noconflict()
3.通過函數(shù)傳參
2>如果jquery庫(kù)在其他庫(kù)之前導(dǎo)入就直接使用jquery
今天在處理一個(gè)數(shù)據(jù)問題時(shí),發(fā)現(xiàn)jQuery.ajax()方法返回的值一直有問題,清除緩存后數(shù)據(jù)無誤,多次測(cè)試后發(fā)現(xiàn)返回的值都是之前的值,并且一直未執(zhí)行url(后臺(tái)為Java,設(shè)置斷點(diǎn)一直未進(jìn)入)。在網(wǎng)上查找下,發(fā)現(xiàn)是未設(shè)置type的原因。 如果沒設(shè)置jQuery.ajax的type="Post",那么ajax就會(huì)默認(rèn)type="Get",這就會(huì)導(dǎo)致之前數(shù)據(jù)被緩存起來。加上type="Post",問題解決!

5 你知道jquery中的選擇器嗎,請(qǐng)講一下有哪些選擇器?

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

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

答:jQuery選擇器支持CSS里的選擇器,jQuery選擇器可用來添加樣式和添加相應(yīng)的行為CSS 中的選擇器是只能添加相應(yīng)的樣式

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

答:簡(jiǎn)單的寫法 $('ID') 來代替 document.getElementById()函數(shù)
支持CSS1 到CSS3 選擇器完善的處理機(jī)制(就算寫錯(cuò)了id也不會(huì)報(bào)錯(cuò))

8 你在使用選擇器的時(shí)候有有沒有什么覺得要注意的地方?

答: 1 選擇器中含有".","#","[" 等特殊字符的時(shí)候需要進(jìn)行轉(zhuǎn)譯
2 屬性選擇器的引號(hào)問題
3 選擇器中含有空格的注意事項(xiàng)

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

答 :jquery轉(zhuǎn)DOM對(duì)象:jQuery 對(duì)象是一個(gè)數(shù)組對(duì)象,可以通過[index]的豐富得到相應(yīng)的DOM對(duì)象還可以通過get[index]去得到相應(yīng)的DOM對(duì)象。DOM對(duì)象轉(zhuǎn)jQuery對(duì)象:$(DOM對(duì)象)

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

答: 如果是一些常規(guī)的ajax程序的話,使用load(),$.get(),$.post(),就可以搞定了,一般我會(huì)使用的是$.post() 方法。如果需要設(shè)定beforeSend(提交前回調(diào)函數(shù)),error(失敗后處理),success(成功后處理)及complete(請(qǐng)求完成后處理)回調(diào)函數(shù)等,這個(gè)時(shí)候我會(huì)使用$.ajax()

11 你覺得jquery中的ajax好用嗎,為什么?

答: 好用的。 因?yàn)閖Query提供了一些日常開發(fā)中夙瑤的快捷操作,例 load,ajax,get,post等等,所以使用jQuery開發(fā)ajax將變得極其簡(jiǎn)單,我們就可以集中精力在業(yè)務(wù)和用戶的體驗(yàn)上,不需要去理會(huì)那些繁瑣的XMLHttpRequest對(duì)象了。

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

答: 1 $.get() 方法使用GET方法來進(jìn)行異步請(qǐng)求的。$.post() 方法使用POST方法來進(jìn)行異步請(qǐng)求的。
2 get請(qǐng)求會(huì)將參數(shù)跟在URL后進(jìn)行傳遞,而POST請(qǐng)求則是作為HTTP消息的實(shí)體內(nèi)容發(fā)送給Web服務(wù)器的,這種傳遞是對(duì)用戶不可見的。
3 get方式傳輸?shù)臄?shù)據(jù)大小不能超過2KB 而POST要大的多
4 GET 方式請(qǐng)求的數(shù)據(jù)會(huì)被瀏覽器緩存起來,因此有安全問題。

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

答:load方法一般在 載入遠(yuǎn)程HTML 代碼并插入到DOM中的時(shí)候用,通常用來從Web服務(wù)器上獲取靜態(tài)的數(shù)據(jù)文件。如果要傳遞參數(shù)的話,可以使用$.get() 或 $.post()。

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

答: addClass() 來追加樣式 ,removeClass() 來刪除樣式,toggle() 來切換樣式

15 簡(jiǎn)單的講敘一下jquery是怎么處理事件的,你用過哪些事件?

答: 首先去裝載文檔,在頁面家在完畢后,瀏覽器會(huì)通過javascript 為DOM元素添加事件。

16 你使用過jquery中的動(dòng)畫嗎,是怎樣用的?

答:使用過。
hide() 和 show() 同時(shí)修改多個(gè)樣式屬性。像高度,寬度,不透明度。 fadeIn() 和fadeOut() fadeTo() 只改變不透明度
slideUp() 和 slideDown() slideToggle() 只改變高度
animate() 屬于自定義動(dòng)畫的方法.

17 你使用過jquery中的插件嗎? 答:看個(gè)人的實(shí)力和經(jīng)驗(yàn)來回答了。

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

答:一般我會(huì)使用的是$.post() 方法。
如果需要設(shè)定beforeSend(提交前回調(diào)函數(shù)),error(失敗后處理),success(成功后處理及complete(請(qǐng)求完成后處理)回調(diào)函數(shù)等,這個(gè)時(shí)候我會(huì)使用$.ajax()

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

答:四種 行內(nèi)式,內(nèi)嵌式,導(dǎo)入式,鏈接式

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

答:append(),appendTo(),prepend(),prependTo(),after(),insertAfter(),before(),insertBefore() 大致可以分為 內(nèi)部追加和外部追加append() 表式向每個(gè)元素內(nèi)部追加內(nèi)容。appendTo()表示 講所有的元素追加到指定的元素中。例$(A)appendTo(B) 是將A追加到B中下面的方法解釋類似。

21 你使用過包裹節(jié)點(diǎn)的方法嗎,包裹節(jié)點(diǎn)有方法有什么好處?

答: wrapAll(),wrap(), wrapInner() 需要在文檔中插入額外的結(jié)構(gòu)化標(biāo)記的時(shí)候可以使用這些包裹的方法應(yīng)為它不會(huì)帛畫原始文檔的語義

22 jquery中如何來獲取或和設(shè)置屬性?

jQuery中可以用attr()方法來獲取和設(shè)置元素屬性removeAttr() 方法來刪除元素屬性

23 如何來設(shè)置和獲取HTML 和文本的值?

答:html()方法 類似于innerHTML屬性 可以用來讀取或者設(shè)置某個(gè)元素中的HTML內(nèi)容
注意:html() 可以用于xhtml文檔 不能用于xml文檔text() 類似于innerText屬性 可以用來讀取或設(shè)置某個(gè)元素中文本內(nèi)容。val() 可以用來設(shè)置和獲取元素的值

24 你jquery中有哪些方法可以遍歷節(jié)點(diǎn)?

答 :children() 取得匹配元素的子元素集合,只考慮子元素不考慮后代元素 next() 取得匹配元素后面緊鄰的同輩元素
prev() 取得匹配元素前面緊鄰的同輩元素
siblings() 取得匹配元素前后的所有同輩元素
closest() 取得最近的匹配元素
find() 取得匹配元素中的元素集合 包括子代和后代

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

答:子代元素是找子節(jié)點(diǎn)下的所有元素,后代元素是找子節(jié)點(diǎn)或子節(jié)點(diǎn)的子節(jié)點(diǎn)中的元素

26 在jquery中可以替換節(jié)點(diǎn)嗎?

答:可以 在jQuery中有兩者替換節(jié)點(diǎn)的方式 replaceWith() 和 replaceAll()例如在<p title="hao are you">hao are you</p>替換成I am fine$('p').replaceWith('I am fine'); replaceAll 與replaceWith的用法前后調(diào)換一下即可。

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

答:發(fā)送請(qǐng)求前可以修改XMLHttpRequest對(duì)象的函數(shù),在beforeSend中如果返回false 可以取消本次的Ajax請(qǐng)求。XMLHttpRequest對(duì)象是唯一的參數(shù)所以在這個(gè)方法里可以做驗(yàn)證

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

答: $('prev~div') 只能選擇'#prev'元素后面的同輩<div>元素而siblings()方法與前后的文職無關(guān),只要是同輩節(jié)點(diǎn)就都能匹配。

29 你在ajax中使用過JSON嗎,你是如何用的?

答:使用過,在$.getJSON() 方法的時(shí)候就是。
因?yàn)?$.getJSON() 就是用于加載JSON文件的

30 有哪些查詢節(jié)點(diǎn)的選擇器?

答:我在公司使用過 :first 查詢第一個(gè),:last 查詢最后一個(gè),:odd查詢奇數(shù)但是索引從0開始:even 查詢偶數(shù),:eq(index)查詢相等的 ,:gt(index)查詢大于index的 ,:lt查詢小于index:header 選取所有的標(biāo)題等

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

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

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

答 :addClass() 方法,attr() 方法

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

答: 兩個(gè)方法有相似的功能,但是在實(shí)行時(shí)機(jī)方面是有區(qū)別的。 1window.onload方法是在網(wǎng)頁中所有的元素(包括元素的所有關(guān)聯(lián)文件)完全加載到瀏覽器后才執(zhí)行的。
2 $(document).ready() 方法可以在DOM載入就緒時(shí)就對(duì)其進(jìn)行操縱,并調(diào)用執(zhí)行綁定的函數(shù)。

34 jQuery是如何處理緩存的?

答 :要處理緩存就是禁用緩存.
1 通過$.post() 方法來獲取數(shù)據(jù),那么默認(rèn)就是禁用緩存的。
2 通過$.get()方法 來獲取數(shù)據(jù),可以通過設(shè)置時(shí)間戳來避免緩存。可以在URL后面加上+(+new Date)例 $.get('ajax.xml?'+(+new Date),function () { //內(nèi)容 }); 3 通過$.ajax 方法來獲取數(shù)據(jù),只要設(shè)置cache:false即可。

35 $.getScript()方法 和 $.getJson() 方法有什么區(qū)別?

答: 1 $.getScript() 方法可以直接加載.js文件,并且不需要對(duì)javascript文件進(jìn)行處理,javascript文件會(huì)自動(dòng)執(zhí)行。
2 $.getJson() 是用于加載JSON 文件的 ,用法和$.getScript()

36 你讀過有關(guān)于jQuery的書嗎?

《jquery基礎(chǔ)教程》 《jquery實(shí)戰(zhàn)》《鋒利的jquery》 《巧用jquery》 《jQuery用戶界面庫(kù)學(xué)習(xí)指南》等

37 $("#msg").text(); 和 $("#msg").text("new content");有什么區(qū)別?

答:1 $("#msg").text() 是 返回id為msg的元素節(jié)點(diǎn)的文本內(nèi)容
2 $("#msg").text("new content"); 是 將“new content” 作為普通文本串寫入id為msg的元素節(jié)點(diǎn)內(nèi)容中, 頁面顯示粗體的new content

38 radio單選組的第二個(gè)元素為當(dāng)前選中值,該怎么去取?

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

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

答:在網(wǎng)頁中 每個(gè)id名稱只能用一次,class可以允許重復(fù)使用

40 你使用過哪些數(shù)據(jù)格式,它們各有什么特點(diǎn)?

答: HTML格式 ,JSON格式,javascript格式,XML格式
1 HTML片段提供外部數(shù)據(jù)一般來說是最簡(jiǎn)單的。
2 如果數(shù)據(jù)需要重用,而且其他應(yīng)用程序也可能一次受到影響,那么在性能和文件大小方面具有優(yōu)勢(shì)的JSON通常是不錯(cuò)的選擇。
3 而當(dāng)遠(yuǎn)程應(yīng)用程序未知時(shí),XML則能夠?yàn)榱己玫幕ゲ僮餍蕴峁┳羁煽康谋WC。

41 jQuery 能做什么?

答:1 獲取頁面的元素
2 修改頁面的外觀
3 改變頁面大的內(nèi)容
4 響應(yīng)用戶的頁面操作
5 為頁面添加動(dòng)態(tài)效果
6 無需刷新頁面,即可以從服務(wù)器獲取信息
7 簡(jiǎn)化常見的javascript任務(wù)

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

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

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

答 hover()和toggle()都是jQuery中兩個(gè)合成事件。
hover()方法用于模擬光標(biāo)懸停事件。 toggle()方法是連續(xù)點(diǎn)擊事件。

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

答 : 知道,事件冒泡是從里面的往外面開始觸發(fā)。在jQuery中提供了stopPropagation()方法可以停止冒泡。

45 例如 單擊超鏈接后會(huì)自動(dòng)跳轉(zhuǎn),單擊"提交"按鈕后表單會(huì)提交等,有時(shí)候我想阻止這些默認(rèn)的行為,該怎么辦?

答: 可以用 event.preventDefault()或在事件處理函數(shù)中返回false,即 return false;

46.jquery表單提交前有幾種校驗(yàn)方法?分別為??

a) formData:返回一個(gè)數(shù)組,可以通過循環(huán)調(diào)用來校驗(yàn)
b) jaForm:返回一個(gè)jQuery對(duì)象,所有需要先轉(zhuǎn)換成dom對(duì)象
c) fieldValue:返回一個(gè)數(shù)組beforeSend()

47.在jquery中你有沒有編寫過插件,插件有什么好處?你編寫過那些插件?它應(yīng)該注意那些?

a) 答: 插件的好處:對(duì)已有的一系列方法或函數(shù)的封裝,以便在其他地方重新利用,方便后期維護(hù)和提高開發(fā)效率插件的分類:封裝對(duì)象方法插件 、封裝全局函數(shù)插件、選擇器插件
b) 注意的地方:
i. 1.插件的文件名推薦命名為jquery.[插件名].js,以免和其他的javaScript庫(kù)插件混淆
ii. 2.所有的對(duì)象方法都應(yīng)當(dāng)附加到j(luò)Query.fn對(duì)象上,而所有的全局函數(shù)都應(yīng)當(dāng)附加到j(luò)Query對(duì)象本身上
iii. 3.插件應(yīng)該返回一個(gè)jQuery對(duì)象,以保證插件的可鏈?zhǔn)讲僮?br>iv. 4.避免在插件內(nèi)部使用$作為jQuery對(duì)象的別名,而應(yīng)使用完整的jQuery來表示,這樣可以避免沖突或使用閉包來避免
v. 5.所有的方法或函數(shù)插件,都應(yīng)當(dāng)一分好結(jié)尾,否則壓縮的時(shí)候可能出現(xiàn)問題。在插件頭部加上分號(hào),這樣可以避免他人的不規(guī)范代碼給插件帶來影響
vi. 6.在插件中通過$.extent({})封裝全局函數(shù),選擇器插件,擴(kuò)展已有的object對(duì)象通過$.fn.extend({})封裝對(duì)象方法插件

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多

    欧美一二三区高清不卡| 伊人色综合久久伊人婷婷| 日本亚洲欧美男人的天堂| 亚洲国产中文字幕在线观看| 好吊视频有精品永久免费| 欧美日韩乱一区二区三区| 亚洲午夜福利不卡片在线| 美女被后入视频在线观看| 中文日韩精品视频在线| 国产三级不卡在线观看视频| 亚洲成人精品免费在线观看| 在线观看免费午夜福利| 日韩人妻精品免费一区二区三区| 好吊色免费在线观看视频| 国产精品一区日韩欧美| 国产一级性生活录像片| 精品丝袜一区二区三区性色| 国产一区二区精品丝袜| 韩国激情野战视频在线播放| 日本免费熟女一区二区三区| 中文字幕无线码一区欧美| 天堂热东京热男人天堂| 中文字幕在线五月婷婷| 久久精视频免费视频观看| 国内女人精品一区二区三区| 国内精品偷拍视频久久| 亚洲国产黄色精品在线观看| 在线观看国产午夜福利| 亚洲熟妇中文字幕五十路| 中文精品人妻一区二区| 粉嫩一区二区三区粉嫩视频| 亚洲二区欧美一区二区 | 国产精品刮毛视频不卡| 日本高清中文精品在线不卡| 国产欧美日韩一级小黄片| 久久经典一区二区三区| 中国黄色色片色哟哟哟哟哟哟 | 神马午夜福利一区二区| 香蕉久久夜色精品国产尤物| 亚洲天堂精品在线视频| 深夜福利亚洲高清性感|