認識jQuery及jQuery中的選擇器

2022-09-06 05:57:15 字數 1192 閱讀 9742

一、認識jquery?

1.為什麼用jquery?

2 . 為什麼用?

3 .怎麼使用

jquery

(1)區分2種

js庫檔案

(2)區分2種引用

js庫的方式

a . 伺服器本地庫

b . cdn遠端庫(專案上線時,一般使用比較靠譜的

cdn資源庫   減輕伺服器負擔)    位址

(3)區別jquer的不同版本

1.x版本

(相容老版本

ie、檔案較大

)2.x版本(部分

ie8及以下不支援、檔案小,執行效率更高)

3.x版本(完全不再支援

ie8及以下版本、提供了一些新的

api、提供不包

含ajax/動畫

api的版本)

使用jquery庫

(1)使用jquery核心函式(

$ / jquery

)(2)使用jquery核心物件(執行

$( )

返回物件)

二.jquery的兩把利器

使用jquery核心函式

簡稱jquery函式(

$ / jquery

)jquery庫向外直接暴露的就是

$ / jquery

引入jquery庫後,直接使用

$ 即可

當前函式:$(***)

當前物件:$.***( )

使用jquery核心物件(執行

$( )

返回物件)

得到jquery物件:執行

jquery

函式的返回值就是

jquery

物件使用jquery物件:

$obj.***( )

三.jquery中選擇器的種類

基本選擇器

與css中選擇器的用法類似

分為id選擇器(

id)、類名選擇器(

class

)、元素選擇器(標籤名)等

div1

div2

div3

span

分類:後代選擇器、直接後代選擇器、兄弟選擇器、

相鄰選擇器

過濾選擇器是在原有選擇器匹配的元素中進一步進行過濾的選擇器

div1

div2

div3

span

認識jQuery及jQuery選擇器

var domobj document.getelementbyid id dom物件 var obj id jquery物件在jquery物件中無法使用dom物件 jquery物件轉化成dom物件 jquery物件是類似陣列的物件,兩種轉換方法 index 和get index var obj i...

簡單認識jQuery

jquery 是 什麼?jquery就是js的函式庫,jquery的遵旨就是 do more and write less 相比js 來說,少些了很多 功能豐富。簡單來說就是封裝了很多方法的乙個js檔案。在使用的時候可以直接引入這個檔案,遵循jquery的語法規則,就可以使用jquery提供的方法啦...

《鋒利的jquery》認識jquery總結

window.onload和 document ready 執行時機不同,前者必須等待網頁中所有的內容載入完畢後,後者是所有dom結構繪製完畢後 編寫個數前者只允許乙個,後者允許多個。jquery物件和dom物件是不同的,但是可以進行相互轉換 var jq jq var jq jq 0 var jq...