自己封装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:将对象转换为字符串



猜你喜欢

转载自blog.csdn.net/jwllwj_2018/article/details/80621145