jQuery基本知識及選擇器

jQuery核心函數

1.作爲一般函數調用:$(param)

1).參數作爲函數:當DOM加載完成後,執行此回調函數

2).參數作爲選擇器字符串:查找所有匹配的標籤,並將它們封裝成jQuery對象

3).參數作爲DOM對象:將DOM對象封裝成jQuery對象

4).參數爲html標籤字符串(用得少):創建標籤對象並封裝成jQuery對象

2.作爲對象使用:&.xxx()

1).$.each( ): 隱式遍歷數組

2).$.trime( ): 去除兩端的空格

 

jQuery對象

1.jQuery對象是一個包換所有匹配的任意多個DOM元素的僞數組對象

2.基本行爲

* size()/ length:包含的DOM元素個數

*[index]/get(index):得到對應位置的DOM元素

*each():遍歷包含的所有DOM元素

*index():得到在所在兄弟元素中的下標

 

jQuery的選擇器

一、基本選擇器

1.是什麼?

- 有特點格式得到字符串

2.作用

- 用來查找特定頁面元素

3.基本選擇器

- #id: id選擇器

- element:元素選擇器

- .class: 屬性選擇器

- * :任意標籤

- selector1,selector2,selectorN :去多個選擇器的並集(組合選擇器)

-selector1selector2selectorN: 取多個選擇器的交集(相交選擇器)

二、層次選擇器

1.層次選擇器:查找子元素、後代元素、兄弟元素的選擇器

- ancestor descendant : 在給定的祖先元素下匹配所有的後代元素

- parent > child : 在給定的父元素下匹配所有的子元素

- prev+next : 匹配所有緊接在prev元素後的next元素

- prev~siblings: 匹配prev元素之後的所有的siblings元素

三、過濾選擇器

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

- :first 選擇原有選擇器匹配元素中的第一個

- :last 選擇原有選擇器匹配元素中的最後一個

-:not(.div)選擇原有選擇器元素中class屬性不爲div的元素(沒有class屬性也可以)

- :contains(‘BBBBB’) 選擇內容爲BBBBB的元素

- :gt() 匹配所有大於給定索引的元素

- :hidden 選擇原有選擇器元素中隱藏的元素

-li [ 'titlt' ]  選擇有titlt屬性的li元素

-li[title =hello]  選擇所有屬性title爲hello的li元素

四、表單選擇器

- :input 查找所有的input元素

- :text 查找所有的單行文本框

-:radio 查找所有的單選按鈕

- :checkbox 查找所有的多按鈕

 

操作屬性

1.操作任意屬性

- attr() 

- removeAttr ()

 - prop()

2.操作clas屬性

- addClass ()

- removeClass ()

3.操作HTML代碼/文本/值

- html()

- val()

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章