沒有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...