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()