jQuery的入門總結

2021-10-07 02:57:02 字數 912 閱讀 2401

沒有jquery時,用原生的js來獲取頁面元素以及對頁面元素進行操作,很不方便。為了操作dom元素更加方便,便有了jquery庫,庫是預先封裝了很多函式的集合,與框架和元件有區別,主要強調封裝和函式集合。jquery帶來的便利可以類似於樓梯變為電梯的區別。目前主要使用3.x版本,1.x和2.x已不再更新。

1.1 jquery的頂級物件為$

向原生js的頂級物件為window一樣,jquery的頂級物件為。其中

。其中。其

中可替換成jquery。

1.2 jquery的入口函式

(1)第一種入口函式

$

(function()

);

(2)第二種入口函式

$

(document)

.ready

(function()

);

兩種入口相當於原生js的domcontentloaded事件,dom結構渲染結束即可,不需要等到文件的或者其他樣式表渲染,與load不一樣。但是第一種更簡單一點。

jquery物件只能使用jquery方法,dom物件只能使用dom方法。因此需要相互轉化,可以方便的使用。

2.1 dom物件轉化為jquery物件

$

(dom物件)

//此處可以是通過web api獲取的物件$(

'div'

)

2.2jquery物件轉化為dom物件

$

('div'

)[index]

//其中index是索引號$(

'div').

get(index)

好好學習天天向上!學習使我快樂~加油

JQuery的入門 二

jquery的遍歷 jquery物件本身就是陣列物件,通過jquery選擇器獲得的都是滿足該選擇器條件的元素物件的集合體,因此在常常需要對jquery物件進行遍歷.這裡有三種遍歷jquery的方法.傳統迴圈遍歷 var options option for var i 0 i jquery物件的方法...

《鋒利的jquery》認識jquery總結

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

jquery基礎入門

1.選擇某個元素 按元素id id 如果id類似這種company.name,則是 company name 按元素css的class cssclass 如 則是 separator 2.元素的顯示與隱藏 obj show obj hide 另外就是 hid toggle 0 表示所有css的cla...