jquery面試題

jQuery 庫中的$()是什么妄壶?

()函數(shù)是jQuery()函數(shù)的別稱欧穴,()函數(shù)用于將任何對象包裹成 jQuery 對象题山,允許調(diào)用定義在 jQuery 對象上的多個不同方法胖替∈瞻啵可以將一個選擇器字符串傳入$()函數(shù)坟岔,它會返回一個包含所有匹配的 DOM 元素數(shù)組的 jQuery 對象。

$(document).ready() 是個什么函數(shù)摔桦?為什么要用它社付?

ready()函數(shù)用于在文檔進入ready狀態(tài)時執(zhí)行代碼。當DOM 完全加載(例如HTML被完全解析DOM樹構(gòu)建完成時)邻耕,jQuery允許你執(zhí)行代碼鸥咖。使用$(document).ready()的最大好處在于它適用于所有瀏覽器,jQuery幫你解決了跨瀏覽器的難題赊豌。

JavaScript window.onload 事件和 jQuery ready 函數(shù)有何不同扛或?

   1.執(zhí)行時間 
    window.onload必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。 
    $(document).ready()是DOM結(jié)構(gòu)繪制完畢后就執(zhí)行碘饼,不必等到加載完畢熙兔。 
2.編寫個數(shù)不同 
     window.onload不能同時編寫多個,如果有多個window.onload方法艾恼,只會執(zhí)行一個 
     $(document).ready()可以同時編寫多個住涉,并且都可以得到執(zhí)行 
3.簡化寫法 
     window.onload沒有簡化寫法 
     $(document).ready(function(){})可以簡寫成$(function(){});

如何找到所有 HTML select 標簽的選中項?

用下面的 jQuery 選擇器獲取所有具備 multiple=true 的<select >標簽的選中項:
$('[name=NameOfSelectedTag] :selected')

這段代碼結(jié)合使用了屬性選擇器和:selected選擇器钠绍,結(jié)果只返回被選中的選項舆声。你可按需修改它,比如用id屬性而不是name屬性來獲取<select>標簽柳爽。

jQuery 里的each()是什么函數(shù)媳握?你是如何使用它的?

each()函數(shù)就像是 Java 里的一個 Iterator磷脯,它允許你遍歷一個元素集合蛾找。你可以傳一個函數(shù)給each()方法,被調(diào)用的 jQuery 對象會在其每個元素上執(zhí)行傳入的函數(shù)赵誓。有時這個問題會緊接著上面一個問題打毛,舉個例子柿赊,如何在 alert 框里顯示所有選中項。我們可以用上面的選擇器代碼找出所有選中項幻枉,然后我們在 alert 框中用each()方法來一個個打印它們碰声,代碼如下:

$('[name=NameOfSelectedTag] :selected').each(function(selected) {
    alert($(selected).text());
});

其中text()方法返回選項的文本。
你是如何將一個 HTML 元素添加到 DOM 樹中的熬甫?
可以用 jQuery 方法appendTo()將一個 HTML 元素添加到 DOM 樹中胰挑。這是 jQuery 提供的眾多操控 DOM 的方法中的一個。你可以通過appendTo()方法在指定的 DOM 元素末尾添加一個現(xiàn)存的元素或者一個新的 HTML 元素椿肩。

你能用 jQuery 代碼選擇所有在段落內(nèi)部的超鏈接嗎洽腺?

這是另一個關(guān)于選擇器的 jQuery 面試題。就像其他問題那樣覆旱,只需一行 jQuery 代碼就能搞定蘸朋。你可以使用下面這個 jQuery 代碼片段來選擇所有嵌套在段落(<p>標簽)內(nèi)部的超鏈接(<a>標簽)……

(this) 和 this 關(guān)鍵字在 jQuery 中有何不同?這對于很多 jQuery 初學者來說是一個棘手的問題扣唱,其實是個簡單的問題藕坯。(this)返回一個 jQuery 對象,你可以對它調(diào)用多個 jQuery 方法噪沙,比如用 text()獲取文本炼彪,用val() 獲取值等等。而 this 代表當前元素正歼,它是 JavaScript 關(guān)鍵詞中的一個辐马,表示上下文中的當前 DOM 元素。你不能對它調(diào)用 jQuery 方法局义,直到它被()函數(shù)包裹喜爷,例如(this)。

你如何使用jQuery來提取一個HTML 標記的屬性 例如鏈接的href?

attr()方法被用來提取任意一個HTML元素的一個屬性的值. 你首先需要利用jQuery選擇及選取到所有的鏈接或者一個特定的鏈接萄唇,然后你可以應(yīng)用attr()方法來獲得他們的href屬性的值檩帐。下面的代碼會找到頁面中所有的鏈接,并返回href值:

$('a').each(function(){
   alert($(this).attr('href'));
});

你如何使用jQuery設(shè)置一個屬性值?

前面這個問題之后額外的一個后續(xù)問題是另萤,attr()方法和jQuery中的其它方法一樣湃密,能力不止一樣. 如果你在調(diào)用attr()的同時帶上一個值 例如. attr(name, value), 這里name是屬性的名稱,value是屬性的新值四敞。

jQuery中detach()和remove()方法的區(qū)別是什么?

盡管detach()和remove()方法都被用來移除一個DOM元素, 兩者之間的主要不同在于detach()會保持對過去被解除元素的跟蹤, 因此它可以被取消解除, 而 remove()方法則會保持過去被移除對象的引用. 你也還可以看看 用來向DOM中添加元素的appendTo()方法泛源。

你如何利用jQuery來向一個元素中添加和移除CSS類?

通過利用addClass()和removeClass()這兩個 jQuery 方法。動態(tài)的改變元素的class屬性可以很簡單忿危。例如使用類“.active"來標記它們的未激活和激活狀態(tài)达箍,等等。

使用 CDN 加載 jQuery 庫的主要優(yōu)勢是什么 ? (答案)

這是一個稍微高級點兒的jQuery問題癌蚁。好吧幻梯,除了報錯節(jié)省服務(wù)器帶寬以及更快的下載速度這許多的好處之外, 最重要的是,如果瀏覽器已經(jīng)從同一個CDN下載類相同的 jQuery 版本, 那么它就不會再去下載它一次. 因此今時今日努释,許多公共的網(wǎng)站都將jQuery用于用戶交互和動畫, 如果瀏覽器已經(jīng)有了下載好的jQuery庫碘梢,網(wǎng)站就能有非常好的展示機會。

jQuery.get()和jQuery.ajax()方法之間的區(qū)別是什么?

ajax()方法更強大伐蒂,更具可配置性, 讓你可以指定等待多久煞躬,以及如何處理錯誤。get()方法是一個只獲取一些數(shù)據(jù)的專門化方法逸邦。

jQuery 中的方法鏈是什么恩沛?使用方法鏈有什么好處?

方法鏈是對一個方法返回的結(jié)果調(diào)用另一個方法缕减,這使得代碼簡潔明了雷客,同時由于只對 DOM 進行了一輪查找,性能方面更加出色桥狡。

你要是在一個 jQuery 事件處理程序里返回了 false 會怎樣搅裙?

這通常用于阻止事件向上冒泡。

哪種方式更高效:document.getElementbyId("myId") 還是 $("#myId")裹芝?

第一種部逮,因為它直接調(diào)用了 JavaScript 引擎。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嫂易,一起剝皮案震驚了整個濱河市兄朋,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌怜械,老刑警劉巖颅和,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異缕允,居然都是意外死亡融虽,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進店門灼芭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來有额,“玉大人,你說我怎么就攤上這事彼绷∥∮樱” “怎么了?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵寄悯,是天一觀的道長萤衰。 經(jīng)常有香客問我,道長猜旬,這世上最難降的妖魔是什么脆栋? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任倦卖,我火速辦了婚禮,結(jié)果婚禮上椿争,老公的妹妹穿的比我還像新娘怕膛。我一直安慰自己,他們只是感情好秦踪,可當我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布褐捻。 她就那樣靜靜地躺著,像睡著了一般椅邓。 火紅的嫁衣襯著肌膚如雪柠逞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天景馁,我揣著相機與錄音板壮,去河邊找鬼。 笑死合住,一個胖子當著我的面吹牛个束,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播聊疲,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼茬底,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了获洲?” 一聲冷哼從身側(cè)響起阱表,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎贡珊,沒想到半個月后最爬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡门岔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年爱致,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片寒随。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡糠悯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出妻往,到底是詐尸還是另有隱情互艾,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布讯泣,位于F島的核電站纫普,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏好渠。R本人自食惡果不足惜昨稼,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一节视、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧假栓,春花似錦寻行、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽抗楔。三九已至棋凳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間连躏,已是汗流浹背剩岳。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留入热,地道東北人拍棕。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像勺良,于是被迫代替她去往敵國和親绰播。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 1 你在公司是怎么用jquery的尚困? 答:在項目中是怎么用的是看看你有沒有項目經(jīng)驗(根據(jù)自己的實際情況來回答) 你...
    山豆山豆閱讀 8,652評論 0 43
  • 1蠢箩、你在公司是怎么用jquery的? 在項目中是怎么用的是看看你有沒有項目經(jīng)驗(根據(jù)自己的實際情況來回答) 你用過...
    蔡威大爺閱讀 4,475評論 0 2
  • 1 如何在點擊一個按鈕時使用 jQuery 隱藏一個圖片事甜? 這是一個事件處理問題谬泌。jQuery為按鈕點擊之類的事件...
    Love大豬蹄子嘚MM閱讀 193評論 0 0
  • 一、手寫一個jQuery插件逻谦。 例1:封裝jQuery對象方法的一個插件(使用jQuery.fn.extend()...
    迷人的洋蔥蔥閱讀 756評論 0 0
  • jQuery 面試問題和答案 JavaScript 是客戶端腳本的標準語言掌实,而 jQuery 使得編寫 JavaS...
    townof1997閱讀 1,236評論 0 0