技術標籤：筆記

jquery物件：
(1)由jquery函式$()負責建立
(2)相當於一個數組
(3)可以通過jquery物件中的功能函式來對定位的dom物件進行操作管理

jquery物件與dom物件的轉換：
jquery物件—>dom物件

for(var i=0;i<jquery物件.length;i++){
			var dom物件=jquery物件[i];
}

dom物件—>jquery物件

var jquery物件=$(dom物件);

注意：jquery物件與dom物件之間屬性函式不能呼叫。

jquery的選擇器

1.基本選擇器：
（1）$("#id編號"):根據ID編號定位對應dom物件，將dom物件儲存到一個數組中。

（2）$(".class名"):根據class名將選中dom物件儲存到一個數組中。

（3）$(“標籤型別名”):將指定標籤型別關聯的dom物件儲存到一個數組中並返回。

（4）$("*")將瀏覽器所有dom物件儲存一陣列並返回。

（5）$(“條件1”,“條件2”):只要滿足其中任一種條件，會儲存到一陣列並返回。

2.層級選擇器
(1)$(“父類標籤>子類標籤”):定位當前父標籤下，的所有子標籤的dom物件。

(2)$(“父類標籤 子標籤”):定位當前父標籤下的所有【直接子標籤】和【間接子標籤】的dom物件。

(3)$(“當前標籤~兄弟標籤”):定位當前標籤後面所有兄弟標籤的dom物件。

(4)$(“當前標籤+兄弟標籤”):定位當前標籤後面的所有兄弟標籤的dom物件。

(5)$(“當前標籤”).siblings(“兄弟標籤”):定位當前標籤的前後所有兄弟標籤的dom物件。

3.表單選擇器
$(":input標籤type的型別"):定義頁面中所有與該type型別關聯的dom。

jquery的過濾器

1.基本過濾器
$(“選擇器:first”)：留下滿足條件的第一個dom物件。

$(“選擇器:lastt”)：留下滿足條件的最後一個dom物件。

$(“選擇器:eq(下標值)”)：留下滿足條件的指定位置dom物件。

$(“選擇器:lt(下標值)”)：留下滿足條件的指定位置之前dom物件。

$(“選擇器:gt(下標值)”)：留下滿足條件的指定位置之後dom物件。

2.基本屬性過濾器
（1）$(“選擇器[屬性名]”):留下對指定屬性進行手動賦值的dom物件。

（2）$(“選擇器[屬性名=‘值’]”):留下滿足定位條件且屬性內容等於該值的dom物件。

（3）$(“選擇器[屬性名^=‘值’]”):留下滿足定位條件且屬性內容以該值開頭的dom物件。

（4）$(“選擇器[屬性名 $=‘值’]”):留下滿足定位條件且屬性內容以該值結尾的dom物件。

（5）$(“選擇器[屬性名*=‘值’]”):留下滿足定位條件且屬性內容包含該值的dom物件。

3.工作狀態過濾器
(1)$(“選擇器:enabled”):留下滿足條件並處於【可用狀態的】dom。

(2)$(“選擇器:disabled”):留下滿足條件並處於【不可用狀態】的dom。

(3)$(“選擇器:checked”):留下滿足條件並處於【選中狀態】的dom。

(4)$(“選擇器:selected”):留下滿足條件並處於【選中狀態】的dom。

jquery的功能函式

1.show():讓jquery物件包含的dom物件關聯的標籤在瀏覽器上顯示。
hide():讓jquery物件包含的dom物件關聯標籤在瀏覽器上隱藏。
函式內加數字引數可以實現延遲效果。

2.remove():將當前標籤和子標籤清除處理。
empty():將當前標籤的子標籤清除處理。

3.append():父標籤.append(子標籤)
appendTo():子標籤.appendTo(父標籤)

4.屬性操作函式
val函式:value
(1) $obj.val()讀取jquery物件的第一個dom物件的value的值。

(2)$obj.val(值)為所有jquery物件的所有value屬性進行賦值。

prop函式:工作狀態屬性 checked，disabled，selected，enabled
(1)$obj.prop(“工作狀態屬性”,true/false)：為jquery物件中所有dom物件的該屬性賦值。

(2)$obj.prop(“工作狀態屬性”)：讀取jquery物件中第一個dom物件的屬性值。

attr函式:基本屬性 id name title rowspan
(1)$obj.attr(“基本屬性”，“值”):為jquery物件中所有dom物件的該屬性賦值。

(2)$obj.attr(“基本屬性”):讀取jquery物件中第一個dom物件的屬性值。

text函式：操作屬性 innerText，雙目標籤的文字內容
(1)$obj.text(“值”)：為jquery物件中所有dom物件的innerText屬性賦值。

(2)$obj.text():讀取jquery物件中所有innerText屬性內容，拼接為一個字串返回。