jQuery的常見面試題

it#i1 如何在點(diǎn)擊一個(gè)按鈕時(shí)使用 jQuery 隱藏一個(gè)圖片庸毫?
  這是一個(gè)事件處理問題幌陕。jQuery為按鈕點(diǎn)擊之類的事件提供了很好的支持晦嵌。你可以通過以下代碼去隱藏一個(gè)通過ID或class定位到的圖片唯袄。你需要知道如何為按鈕設(shè)置事件并執(zhí)行hide() 方法

$('#ButtonToClick').click(function(){
    $('#ImageToHide').hide();
});

2诗茎、$(document).ready() 是個(gè)什么函數(shù)?為什么要用它献汗?

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

3尿招、 JavaScript window.onload 事件和 jQuery ready 函數(shù)有何不同矾柜?

這個(gè)問答是緊接著上一個(gè)的。JavaScript window.onload 事件和 jQuery ready 函數(shù)之間的主要區(qū)別是就谜,前者除了要等待 DOM 被創(chuàng)建還要等到包括大型圖片怪蔑、音頻、視頻在內(nèi)的所有外部資源都完全加載丧荐。如果加載圖片和媒體內(nèi)容花費(fèi)了大量時(shí)間缆瓣,用戶就會(huì)感受到定義在 window.onload 事件上的代碼在執(zhí)行時(shí)有明顯的延遲。
  另一方面虹统,jQuery ready() 函數(shù)只需對(duì) DOM 樹的等待弓坞,而無需對(duì)圖像或外部資源加載的等待,從而執(zhí)行起來更快车荔。使用 jQuery $(document).ready() 的另一個(gè)優(yōu)勢(shì)是你可以在網(wǎng)頁(yè)里多次使用它渡冻,瀏覽器會(huì)按它們?cè)?HTML 頁(yè)面里出現(xiàn)的順序執(zhí)行它們,相反對(duì)于 onload 技術(shù)而言忧便,只能在單一函數(shù)里使用族吻。鑒于這個(gè)好處,用 jQuery ready() 函數(shù)比用 JavaScript window.onload 事件要更好些。

4呼奢、jQuery 里的 each() 是什么函數(shù)宜雀?你是如何使用它的?(答案如下)

each() 函數(shù)就像是 Java 里的一個(gè) Iterator握础,它允許你遍歷一個(gè)元素集合辐董。你可以傳一個(gè)函數(shù)給 each() 方法,被調(diào)用的 jQuery 對(duì)象會(huì)在其每個(gè)元素上執(zhí)行傳入的函數(shù)禀综。有時(shí)這個(gè)問題會(huì)緊接著上面一個(gè)問題简烘,舉個(gè)例子,如何在 alert 框里顯示所有選中項(xiàng)定枷。我們可以用上面的選擇器代碼找出所有選中項(xiàng)孤澎,然后我們?cè)?alert 框中用 each() 方法來一個(gè)個(gè)打印它們,

$('[name=NameOfSelectedTag] :selected').each(function(selected) {
    alert($(selected).text());
});
  其中 text() 方法返回選項(xiàng)的文本欠窒。

5 $(this) 和 this 關(guān)鍵字在 jQuery 中有何不同覆旭?

$(this) 返回一個(gè) jQuery 對(duì)象,你可以對(duì)它等等岖妄。而 this 代表當(dāng)前元素型将,它是 JavaScript 關(guān)鍵詞中的一個(gè),表示上下文中的當(dāng)前 DOM 元素荐虐。

你不能對(duì)它調(diào)用 jQuery 方法七兜,直到它被 () 函數(shù)包裹,例如(this)福扬。

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

通過利用 addClass() 和 removeClass() 這兩個(gè) jQuery 方法腕铸。動(dòng)態(tài)的改變?cè)氐腸lass屬性可以很簡(jiǎn)單例如. 使用類“.active"來標(biāo)記它們的未激活和激活狀態(tài)

     .addClass("類名")添加元素      .remove()  刪除樣式類  
       hide//隱藏元素        show//顯示

7 jQuery 里的 ID 選擇器和 class 選擇器有何不同?

如果你用過 CSS铛碑,你也許就知道 ID 選擇器和 class 選擇器之間的差異狠裹,jQuery 也同樣如此。ID 選擇器使用 ID 來選擇元素亚茬,比如 #element1酪耳,而 class 選擇器使用 CSS class 來選擇元素。當(dāng)你只需要選擇一個(gè)元素時(shí)刹缝,使用 ID 選擇器碗暗,而如果你想要選擇一組具有相同 CSS class 的元素,就要用 class 選擇器梢夯。在面試過程中言疗,你有很大幾率會(huì)被要求使用 ID 選擇器和 class 選擇器來寫代碼。下面的 jQuery 代碼使用了 ID 選擇器和 class 選擇器:


`$(``'#LoginTextBox'``)  ``// Returns element wrapped as jQuery object with id='LoginTextBox'`

`$(``'.active'``) ``// Returns all elements with CSS class active.`


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末颂砸,一起剝皮案震驚了整個(gè)濱河市噪奄,隨后出現(xiàn)的幾起案子死姚,更是在濱河造成了極大的恐慌,老刑警劉巖勤篮,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件都毒,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡碰缔,警方通過查閱死者的電腦和手機(jī)账劲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來金抡,“玉大人瀑焦,你說我怎么就攤上這事」8危” “怎么了榛瓮?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)巫击。 經(jīng)常有香客問我禀晓,道長(zhǎng),這世上最難降的妖魔是什么坝锰? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任匆绣,我火速辦了婚禮,結(jié)果婚禮上什黑,老公的妹妹穿的比我還像新娘。我一直安慰自己堪夭,他們只是感情好愕把,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著森爽,像睡著了一般恨豁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上爬迟,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天橘蜜,我揣著相機(jī)與錄音,去河邊找鬼付呕。 笑死计福,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的徽职。 我是一名探鬼主播象颖,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼姆钉!你這毒婦竟也來了说订?” 一聲冷哼從身側(cè)響起抄瓦,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎陶冷,沒想到半個(gè)月后钙姊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡埂伦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年煞额,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赤屋。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡立镶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出类早,到底是詐尸還是另有隱情媚媒,我是刑警寧澤,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布涩僻,位于F島的核電站缭召,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏逆日。R本人自食惡果不足惜嵌巷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望室抽。 院中可真熱鬧搪哪,春花似錦、人聲如沸坪圾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)兽泄。三九已至漓概,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間病梢,已是汗流浹背胃珍。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蜓陌,地道東北人觅彰。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像钮热,于是被迫代替她去往敵國(guó)和親缔莲。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

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