自己封裝jquery相關筆記(四)

1.jQuery中的屬性和樣式操作
◆addClass:給所有元素添加新的class
◆removeClass:刪除所有元素指定額class
◆hasClass:判斷所有元素有沒有指定的class
◆toggleClass:有則刪除,沒有則添加
◆attr:設置或者獲取元素的屬性節點值
◆prop:設置或者獲取元素的屬性值
◆css:設置或者獲取元素的樣式
◆val:獲取或者設置元素的value屬性




2.屬性節點與屬性的區別
◆屬性節點:在html中編寫的所有標籤,裏面的屬性都是屬性節點,所有的DOM,都有一個attributes屬性,這個屬性裏面存儲了該DOM所有的屬性節點。
◆屬性:屬性就是對象身上的變量,屬性可以通過點的方式添加和獲取(如果是數字或者變量,那麼只能夠使用[]來獲取或者設置)
◆屬性節點和屬性的區別:【
◇屬性節點只屬於DOM對象,屬性可以屬於任意對象。
◇屬性節點有DOM對象的那些特點,比如有nodeType、nodeName;而屬性存儲的東西沒有共性。



3.獲取屬性節點值
◆通過DOM的attributes屬性得到所有的屬性節點對象,可以按照下標來取出每一個屬性節點對象,再通過nodeValue屬性得到這個屬性節點值。
◆通過DOM的getAttribute(要獲取的屬性節點名)來獲取


4.設置屬性節點值
◆通過DOM的attributes屬性得到所有的屬性節點對象,可以按照下標取出每一個屬性節點對象,再通過nodeValue屬性來設置節點值
◆通過DOM的setAttribute(要設置的屬性值)


5.設置和獲取屬性值

◆直接使用點或者[]來獲取和設置

6.jQuery中的事件模塊兒
◆on 事件綁定(相比jQuery會去掉事件委託)
◆off 事件移除


7.事件模塊兒分兩個難度版本
◆簡單版本相當簡單

◆困難版本相當困難



8.DOM中的事件綁定方式
◆DOM.on事件名=function(){}無兼容性
◆DOM.addEventListener(事件名,function(){})IE8不支持

◆IE8:DOM.attachEvent(on事件名,function(){});


9.JSON方法
◆JSON.parse:將字符串轉換爲對象
◆JSON.stringify:將對象轉換爲字符串



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