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

在jQuery類(lèi)庫(kù)中，最重要的方法就是jQuery方法，也就是$方法

對(duì)于$方法，我們有4種不同的調(diào)用方式

這4種調(diào)用方式，jQuery是通過(guò)4種不同的接收參數(shù)的方式來(lái)實(shí)現(xiàn)的

一、CSS選擇器

最常用的是css選擇器，通過(guò)字符串的方式傳入

當(dāng)通過(guò)這種方式調(diào)用時(shí)，$函數(shù)會(huì)返回當(dāng)前文檔中匹配該選擇器的所有元素，因此返回的是一個(gè)數(shù)組

jQuery支持絕大多數(shù)css選擇器的語(yǔ)法，并且支持?jǐn)U展語(yǔ)法

舉例來(lái)說(shuō)，以下例子中，?$ 的參數(shù)就是css標(biāo)簽選擇器

這里的 button 和 p?是一個(gè)典型的用css標(biāo)簽選擇器作為$函數(shù)的參數(shù)的例子

二、傳遞DOM對(duì)象、document對(duì)象或window對(duì)象

舉例來(lái)說(shuō)，就是這里傳入的 document

三、傳遞html文本給$函數(shù)

此時(shí)會(huì)自動(dòng)創(chuàng)建該元素

舉例來(lái)說(shuō)，就是這里的：

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

這里的 h3 標(biāo)簽是自動(dòng)創(chuàng)建的

四、傳遞一個(gè)函數(shù)給$函數(shù)

可以傳遞一個(gè)回調(diào)函數(shù)給$函數(shù)

當(dāng)$函數(shù)接收這個(gè)回調(diào)函數(shù)時(shí)，頁(yè)面已經(jīng)加載完成，DOM樹(shù)已經(jīng)創(chuàng)建成功

例如以下的程序可以進(jìn)行改寫(xiě)：

改寫(xiě)后如下：

改寫(xiě)后的寫(xiě)法更加的簡(jiǎn)潔和方便

改寫(xiě)后的方式就是$函數(shù)接收回調(diào)函數(shù)作為參數(shù)

?