官术网_书友最值得收藏!

  • jQuery開發(fā)指南
  • 車云月
  • 570字
  • 2019-12-12 17:25:41

1.4 語(yǔ)法結(jié)構(gòu)

通過“$(document).ready();”可以發(fā)現(xiàn),這條jQuery語(yǔ)句主要包含3大部分:$()、document和ready(),分別被稱為工廠函數(shù)、選擇器和方法。

1.4.1 工廠函數(shù)$()

所謂工廠函數(shù),就是指這些內(nèi)建函數(shù)都是類對(duì)象。當(dāng)調(diào)用它們時(shí),實(shí)際上是創(chuàng)建了一個(gè)類實(shí)例,意思是當(dāng)調(diào)用這個(gè)函數(shù),實(shí)際上是先利用類創(chuàng)建了一個(gè)對(duì)象,然后返回這個(gè)對(duì)象。由于JavaScript本身不是嚴(yán)格的面向?qū)ο蟮恼Z(yǔ)言(不包含類),所以JavaScript并沒有嚴(yán)格的“工廠函數(shù)”,但是在JavaScript中可以利用函數(shù)模擬類。

1.4.2 選擇器

選擇器是jQuery最基礎(chǔ)的功能,其基本語(yǔ)法如下:

ID選擇器、標(biāo)簽選擇器、類選擇器的用法如下:

1.4.3 事件處理方法

jQuery最重要的方法就是事件處理方法,主要用來(lái)綁定DOM元素的事件和事件處理方法。在jQuery中,還有許多基礎(chǔ)事件,如鼠標(biāo)事件(click)、鍵盤事件(mouseover())和表單事件(onblur)等,都可以通過這些事件方法進(jìn)行綁定。

下面制作一個(gè)網(wǎng)站的左導(dǎo)航特效,當(dāng)單擊導(dǎo)航項(xiàng)時(shí),為ID名是current的導(dǎo)航項(xiàng)添加class為current的類樣式代碼如下。

示例2:

樣式代碼:

結(jié)構(gòu)代碼:

行為代碼:

運(yùn)行結(jié)果如圖1.4所示。

圖1.4 左側(cè)導(dǎo)航特效

addClass()方法是jQuery中用于進(jìn)行CSS操作的方法之一,它的作用是為每個(gè)匹配的元素添加指定的樣式類名。語(yǔ)法格式如下:

其中,樣式名可以是一個(gè),也可以是多個(gè),多個(gè)樣式名需要用空格隔開。

注意

addClass選擇器與使用選擇器獲取DOM元素不同,獲取ID為current的元素時(shí),current前需要加ID的符號(hào)#;而使用addClass()方法添加class為current的類樣式時(shí),該類名前不帶有類符號(hào)“.”。

主站蜘蛛池模板: 西和县| 柳江县| 宜丰县| 山阴县| 东乌珠穆沁旗| 廉江市| 大宁县| 铁力市| 平谷区| 敦煌市| 贵阳市| 沂南县| 隆回县| 上虞市| 霍林郭勒市| 新密市| 静乐县| 天等县| 南皮县| 象山县| 东莞市| 霍邱县| 高密市| 南江县| 临沧市| 江达县| 鹿泉市| 曲阜市| 江华| 乌兰浩特市| 安吉县| 铜川市| 谢通门县| 延安市| 千阳县| 沙坪坝区| 勐海县| 蓬安县| 新余市| 尤溪县| 兴化市|