第一章 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() —— 類似於dom的innerHTML,用於獲取標籤中間的內容(含有html標籤)
3. html(“”) —— 設置標籤中間的內容
4. text() | text(“”) —— 類似於dom的innerText,用於獲取標籤中間的文本內容(不含有標籤)
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))