jquery

第一章 Jquery

jquery中查找對象:

1. 根據標籤名找對象: $("標籤名");

2. 根據ID屬性找對象:$("#id");

3. 根據class屬性找對象:$(".class對象名");

jquery中的常用事件:

跟標準的javascript事件類似,去掉on關鍵字即可。

例如:onclick事件-->click()  onmouseover事件-->mouseover()

根據對象查找子元素:

對象.find("子元素的標籤名 或者 #id名 或者 .class對象名");

Jquery對象與Dom對象相互轉換

將標準的dom對象轉化成Jquery的對象語法:$(dom對象名);

jquery對象轉化成標準的dom對象語法:var domobj = jquery對象[0];

 

 

第二章 Jquer中的選擇器

 

Jquery中查找對象,是基於Css樣式的選擇器來查找;Jquery中帶有異常處理。

 

 

Jquery中判斷元素是否存在

 

方式一:

if( $(對象).length ){

}

方法二(轉化成dom對象):

if( $(對象)[0] ){

}

 

 

選擇器分類:

 

一. 基本選擇器

標籤選擇器、id選擇器、class選擇器、羣組選擇器(格式:標籤1,標籤2,.

 

 

常用方法:

 

1. css(樣式名樣式值);—— 用於設置對象的style屬性。

2. html() —— 類似於dominnerHTML,用於獲取標籤中間的內容(含有html標籤)

3. html(“”—— 設置標籤中間的內容

4. text() | text(“”—— 類似於dominnerText,用於獲取標籤中間的文本內容(不含有標籤)

5. attr(“參數1—— 表示指定屬性的值。

6. attr(參數1,“參數值“—— 表示設置對象的屬性值。

7. val() —— 表示獲取或設置表單元素的value值。

 

 

二.層次選擇器

 

空格:表示當前對象的所有節點。

> : 表示當前對象的所有子節點(不包括孫子節點)。

+ : 表示當前對象的下一個兄弟節點。

~:表示當前對象之後的所有兄弟節點。

 

 

三.屬性選擇器(可以根據對象的屬性進行查找)

 

:表示精確比較屬性的值。

!= :表示沒有屬性爲指定值的對象。

:開始

$ : 結尾

* : 表示任意位置

[屬性1][屬性2]: 多個屬性條件

 

 

 

 

Jquery中的Dom模型操作

 

 

Dom模型需要掌握:查找、添加、修改、刪除

 

 

 

查找:

 

 

常用方法:

1. find(“子元素的對象”)——查找當前元素的所有子元素

2. next() —— 當前元素的下一個兄弟節點。

3. prev()——當前元素的上一個兄弟節點。

4. siblings()——當前元素的所有兄弟節點(前和後)。

5. parent()——當前元素的父節點。

6. filter(過濾選擇器—— 通過過濾選擇器,選擇當前元素的子元素(在已經找到的對象上過濾)。

 

 

添加:詳細見p50

 

 

 

刪除:對象.remove() 或者 對象.emtpy();(只能刪除內容

 

 

 

 

複製:對象.clone();

 

 

 

 

修改(替換):對象.replaceWith(新的對象); 新對象.replaceAll(舊的對象);

 

 

 

 

 

 


Ajax 核心技術:Javascript + xml。

Ajax 的對象:
能夠完成異步操作,使用XMLHttpRequest對象。

常用屬性:

readyState —— 表示當前請求的狀態(4表示請求是成功的)

status —— 表示服務器端是否正常執行了,用戶的請求。(404-路徑錯誤,200表示請求成功)

responseText —— 表示該請求完成之後,服務器返回的數據。

open() ——設置請求的路徑,初始化請求。

send() —— 發生請求

 

onreadystatechange —— 事件(狀態每發生一次改變都會觸發(0-1,1-2,2-3,3-4))
 

 

 

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