1、dom:document object model 文件物件模型
2、dom的分類:dom core,html dom,css dom
3、建立節點:
var $li_1= $("香蕉");
4、插入節點
<3>prepend() 內部前置內容
<4>prependto() prepend()的反操作
<5>after() 外部追加內容
<6>insertafter() after的反操作
<7>before() 外部前置內容
<8>insertbefore() before的反操作
5、刪除節點
remove() 刪除節點
empty() 清空節點內容
6、複製節點
clone()
7、替換節點
replacewith()
replaceall()————replacewith()的反操作
8、包裹節點
wrap() ——例 $("strong").wrap("")
wrapall()
wrapinner————標籤內容包裹
9、屬性操作
獲取屬性
var p=$para.attr("title");
設定屬性
$para.attr("title","yourtitle") 單個
$para.attr() 多個
刪除屬性
$("p").removeattr("title");
10、樣式操作
獲取class
var p_class=$("p").attr("class");
設定class
$("p").attr("class","high");
追加class
$("p").addclass("another");
移除樣式
$("p").removeclass("high"); 移除單個樣式
$("p").removeclass("high anther"); 移除多個樣式
切換樣式
toggleclass() 類名存在則刪除,不存在則新增
判斷樣式是否存在
$("p").hasclass("anther") 等價於 $("p").is(".anther")
11、設定與獲取html
html():獲取,設定
text():獲取,設定
val():獲取,設定 ,選中下拉列表、多選框、單選框
12、遍歷節點
children() 取子元素 (不包括後代元素)
next() 取後面緊鄰的同輩元素
prev() 取前面緊鄰的同輩元素
siblings() 取前後所有同輩元素
closet() 取最近的匹配元素
13、css-dom操作
獲得樣式
var color= $("p").css("color");
設定單個樣式
$("p").css("color","red");
設定多個樣式
$("p").css();
鋒利的jQuery 讀書筆記
第一章 認識jquery 1 鏈式操作方式 這是jquery中最具有特色的,即對發生在同乙個jquery物件上的 一組動作,可以直接連寫而無需重複獲取物件。2 jquery物件中不能使用dom物件的任何的方法,同時dom物件也不能使用jquery物件的方法。3 為了區別dom物件和jquery物件,...
鋒利的Jquery讀書筆記
一直覺得學習jquery挺難的,看看選擇器,記住他的一些方法,可是光看不練的話始終的掌握不了,個人覺得鋒利的jquery上面的例子不錯,可以全部自己做出來的話應該就過關啦 下面列出本書的例子,供自己以後參考 2 某個論壇的註冊頁面,使用者必須選中頁面下方 同意並接受註冊協議 核取方塊,否則不能提交 ...
鋒利的jQuery讀書筆記 一
第一章 認識jquery 1 document ready function 簡化寫法 function 優化後的寫法 等待dom元素載入完畢.document ready function 4 jquery物件和dom物件的相互轉換 1 jquery物件轉為dom物件 var cr cr jque...