jQuery(1)

1. jQuery 庫中的 $() 是什么?

$()函數(shù)是JQuery函數(shù)的別稱,就是一種標(biāo)志,符合其思想:write less,do more。第一次接觸可能有些不適應(yīng),是jQuery代碼佶屈聱牙,晦澀難懂。我們需要適應(yīng)一段時間,過一段時間,就會愛上其簡潔,方便,飛起來。

$()函數(shù)用于將任何對象包裹成jQuery對象,接著就可以被允許調(diào)用定義在jQuery對象上的多個不同方法。甚至可以將一個選擇器字符串傳入 $()函數(shù),它會返回一個包含所有匹配的DOM 元素數(shù)組的jQuery對象??梢杂胑ach()方法進(jìn)行遍歷里面的對象。

2.網(wǎng)頁上有多個元素,怎樣會用jQuery來選擇它們?

這個問題是jQuery基于選擇器的。jQuery支持不同類型的選擇器,有 ID選擇器、class選擇器、標(biāo)簽選擇器。這個問題的答案是使用標(biāo)簽選擇器來選擇所有的div元素。jQuery代碼:

$("div").其返回值是一個包含5個div標(biāo)簽的jQuery對象。

3.jQuery里的ID選擇器和class選擇器有什么不同?

ID選擇器使用ID來選擇元素,例: $("#idtest1"). 而 class選擇器使用CSS class 來選擇元素,例:$(".classtest1")。當(dāng)只需要選擇一個元素時,使用ID選擇器,如果需要選擇具有相同 CSS class的元素,就要用class 選擇器。

4.$(document).ready( ) 函數(shù)是什么?干什么用的?

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

5.javascript中的window.onload()事件與jQuery中的$(document).ready( )函數(shù) 的異同?

前者,window.onload( ) 事件需要等待 DOM被創(chuàng)建,還要等待包括 大型圖片、音頻、視頻等 所有的外部資源全部都加載完全,才能執(zhí)行;

如果圖片、視頻等內(nèi)容的加載花費(fèi)時間過多,就會有明顯的延遲。更嚴(yán)重的是使用戶感受到。。。say byebye。。。

后者,$().ready( ) 函數(shù),只需要等待DOM樹的建立完成,而不需要等待圖片、音頻、視頻的大型文件的加載,從而執(zhí)行的會更快。

再有,在網(wǎng)頁中可以多次使用ready( ) ,瀏覽器會按照其在HTML頁面里出現(xiàn)的順序執(zhí)行,而onload只執(zhí)行一次。

6.jQuery中的each( ) 是什么函數(shù)? 如何使用它?

我們使用選擇器進(jìn)行選擇時,例如涉及到選擇class的相關(guān)操作,其返回值是jQuery數(shù)組,我們想要獲取數(shù)組中的每一個值,這是就要用到each()函數(shù)了。

each()函數(shù)類似于Java中集合中遍歷所使用的 Iterator 迭代器,允許我們遍歷一個元素的集合。

可以傳一個函數(shù)給each()方法,被調(diào)用的jQuery對象會在其每個元素上執(zhí)行傳入的函數(shù)。

7.jQuery常用的事件:

load:當(dāng)文檔加載時運(yùn)行腳本

blur:當(dāng)窗口失去焦點(diǎn)時運(yùn)行腳本

focus:當(dāng)窗口獲得焦點(diǎn)時運(yùn)行腳本

change:當(dāng)元素改變時運(yùn)行腳本

submit:當(dāng)提交表單時運(yùn)行腳本

keydown:當(dāng)按下按鍵時運(yùn)行腳本

keypress:當(dāng)按下并松開按鍵時運(yùn)行腳本

keyup:當(dāng)松開按鍵時運(yùn)行腳本

click:當(dāng)單擊鼠標(biāo)時運(yùn)行腳本

dblclick:當(dāng)雙擊鼠標(biāo)時運(yùn)行腳本

mousedown:當(dāng)按下鼠標(biāo)按鈕時運(yùn)行腳本

mousemove:當(dāng)鼠標(biāo)指針移動時運(yùn)行腳本

mouseout:當(dāng)鼠標(biāo)指針移出元素時運(yùn)行腳本

mouseover:當(dāng)鼠標(biāo)指針移至元素之上時運(yùn)行腳本

mouseup:當(dāng)松開鼠標(biāo)按鈕時運(yùn)行腳本

abort:當(dāng)發(fā)生中止事件時運(yùn)行腳本

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • jQuery目前在Web前端開發(fā)所占的比重越來越高,在我們jQuery學(xué)習(xí)和開發(fā)的過程中都會去使用。jQuery幫...
    一直以來都很好閱讀 297評論 0 1
  • 可定制 在jQuery 1.8中現(xiàn)在可以定制自己的jQuery版本,你可以移除不需要的模塊從而使得jQuery盡可...
    覺子先生閱讀 327評論 0 4
  • 通過jQuery,您可以選?。ú樵儯琿uery)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 720評論 0 3
  • jQuery目前在Web前端開發(fā)所占的比重越來越高,在我們jQuery學(xué)習(xí)和開發(fā)的過程中都會去使用。jQuery幫...
    老夫撩發(fā)少年狂閱讀 570評論 0 3
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,501評論 0 2

友情鏈接更多精彩內(nèi)容