想想该死的attr 和 removeAttr 方法

想想该死的jQuery中的attr 和 removeAttr 操作HTMLDOM方法，因为不记得了
在程序中，有许多层面，不同的层面有不同的功能，每个层面都是相互存在联系的，
程序的页面层（UI层），大多是html层。
在html中每个元素都有一个或多个特性，而这些特性的用途就是给出相对应的元素或者其内容相对
应的附件信息。
例如：在img元素中，其src属性就是img元素的特性，其作用是用来标记图片的路径或地址。
在button元素中，其type属性就是button元素的特性，其作用是用来说明button的类型。
或许同一特性的名字可能在多个元素中出现，其特性值也可能一样。
不管是Js还是jQuery他们到可以操作html元素的特性，
JS操作特性的DOM方法主要有3个：
（1）getAttrbute() 方法（获取）
（2）setAttribute() 方法（设置）
（3）removeAttribute()方法 （移除）
而在jQuery中操作特性的DOM方法则主要有
（1）attr() 方法
（2）removeAttr () 方法
DOM即文档对象模型
JS的方法无法完全解决兼容性的问题，而jQuery的这两个方法则解决了兼容性的问题。
jQuery的attr、removeattr方法都是为其属性操作而封装的，直接在一个jQuery对象上调用该方法，
其容易对属性进行操作，不需要特意去理解浏览器属性名不同的问题。

jQuery的attr()方法 等同与js的getAttrbute和setAttribute两个方法
jQuery的attr()方法是用来获取和设置元素属性。是获取还是设置由传递的参数来决定。
jQuery的removeAttr()方法是用来移除元素属性。
一，attr()方法有四个表达式
(1)attr(传入属性名)：传递一个参数是获取属性的值
$(selector).attr(attaibute)
(2)attr(属性名，属性值) ：传递两个参数是设置属性的值
$(selector).attr(attribute,value)
(3)attr(属性名，函数值) ：设置函数值
$(selector).attr(attribute,function(index,currentvalue))
(4)attr(attribute)：给指定的多个元素设置多个属性值，
如：（属性名一：“属性值一” ， 属性名二：“属性值二”，…）
$(selector).attr({attribute:value , attribute:value,…})
要获取/设置元素的属性值，先要获取到html元素才能获取/设置属性值。

参数	描述
attribute	属性的名称
value	规定属性的值
Function(index,currentvalue)	规定要返回属性值到集合的函数
Index	接受集合中元素的index位置
Currentvalue	接受被选元素的当前属性值（设置）

二，removeattr()方法 是从被选的元素中移除一个或多个属性
removeattr(attribute)

参数	描述
attribute	必需参数。规定要移除的一个或多个属性。如需移除若干个属性，请使用空格分隔属性名称。

实例

画面原型

JS代码

如果你来实验的话，点击上面的按钮你认为会有什么样的效果呢还是代码无效呢。
肯定有效果的啦

要注意的问题是：
（1）dom中有个概念的区分：Attribute和Property翻译出来都是“属性”，
《js高级程序设计》书中翻译为“特性”和“属性”。简单理解，Attribute就是DOM节点自带的属性
例如：html中常用的id、class、title、align等：

（2）而Property是这个DOM元素作为对象，其附加的内容，
例如,tagName, nodeName, nodeType, defaultChecked, 和 defaultSelected
使用.prop()方法进行取值或赋值等
获取Attribute就需要用attr，获取Property就需要用prop