當前位置:首頁 > IT技術 > Web編程 > 正文

jQuery中$函數的4種參數
2021-10-28 15:11:31

在jQuery類庫中,最重要的方法就是jQuery方法,也就是$方法

對于$方法,我們有4種不同的調用方式

這4種調用方式,jQuery是通過4種不同的接收參數的方式來實現的


一、CSS選擇器

最常用的是css選擇器,通過字符串的方式傳入

當通過這種方式調用時,$函數會返回當前文檔中匹配該選擇器的所有元素,因此返回的是一個數組

jQuery支持絕大多數css選擇器的語法,并且支持擴展語法

舉例來說,以下例子中,?$ 的參數就是css標簽選擇器

這里的 button 和 p?是一個典型的用css標簽選擇器作為$函數的參數的例子

jQuery中$函數的4種參數_回調函數


二、傳遞DOM對象、document對象或window對象

舉例來說,就是這里傳入的 document

jQuery中$函數的4種參數_回調函數


三、傳遞html文本給$函數

此時會自動創(chuàng)建該元素

舉例來說,就是這里的:

$("<h3>I am h3</h3>").appendTo(document.body);

這里的 h3 標簽是自動創(chuàng)建的

jQuery中$函數的4種參數_回調函數_03


四、傳遞一個函數給$函數

可以傳遞一個回調函數給$函數

當$函數接收這個回調函數時,頁面已經加載完成,DOM樹已經創(chuàng)建成功

例如以下的程序可以進行改寫:

jQuery中$函數的4種參數_jQuery_04

改寫后如下:

jQuery中$函數的4種參數_JavaScript_05

改寫后的寫法更加的簡潔和方便

改寫后的方式就是$函數接收回調函數作為參數

?

本文摘自 :https://blog.51cto.com/u

開通會員,享受整站包年服務立即開通 >