《鋒利的JQuery》讀書筆記 二

2021-07-09 16:26:03 字數 1632 閱讀 3550

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...