- 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)“.”。
- MySQL數(shù)據(jù)庫(kù)應(yīng)用與管理 第2版
- CentOS 7 Server Deployment Cookbook
- 深入淺出Spring Boot 2.x
- Visual Basic程序設(shè)計(jì)教程
- C++ 從入門到項(xiàng)目實(shí)踐(超值版)
- Scratch趣味編程:陪孩子像搭積木一樣學(xué)編程
- Backbone.js Testing
- 軟件測(cè)試技術(shù)
- Mastering Bootstrap 4
- Learning D3.js 5 Mapping(Second Edition)
- 算法訓(xùn)練營(yíng):海量圖解+競(jìng)賽刷題(入門篇)
- Python 3.6從入門到精通(視頻教學(xué)版)
- Mobile Test Automation with Appium
- 面向?qū)ο蟪绦蛟O(shè)計(jì)教程(C#版)
- C語(yǔ)言從入門到精通(第4版)