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 方法七兜,直到它被 (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.`