jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)

jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)

----------

 

就像许多其他jquery命令那样，attr()命令也可以用来进行读操作或写操作。相同的jquery命令能够执行这样迥异的操作，是因为传给命令的参数的个数和类型决定了采用命令的哪个重载变体。

attr()语法：

attr(name)

获取指派到包装集里第一个元素指定特性的值。

参数

name (字符串)特性的名称。该特性的值将被获取。

返回

包装集里第一个元素指定特性的值，如果包装集为空，或第一个元素没有该特性，就返回undefined。

如例：

$("#myImage").attr("custom"); 

即使通常认为特性是由HTML预定义的，但是对于通过javascript或html标记设置的自定义特性，也可以利用attr()方法。

另：在html里，特性名称是不区分大小写的。不管特性(如：title)在标记里怎么声明，都可以存取或设置,通过利用任何大小写变体--Title,TITLE,TiTlE,或任何其他等效组合来完成。即使在XHTML标记里特性名称必须小写，也依然可利用任何大小写变体来获取特性值。

 

这时你也许会问：存取属性那么简单(上一篇)，为什么处理特性根本就不是那样呢？这个问题的答案是jquery的attr()

命令不仅仅是javascript的getAttribute()和setAttribute()方法的包装。除允许存取元素特性集以外，jquery也

允许存取常用属性。由于传统上处处依赖于浏览器，所以对页面作者来说存取属性是件痛苦的事。

jquery attr()的规范化存取名称

规范化名称               源名称

class                     className

cssFloat                 IE用styleFloat,其他浏览器用cssFloat(当和.css一起使用时)

float                     IE用styleFloat,其他浏览器用cssFloat(当和.css一起使用时)

for                       htmlFor

maxlength               maxLength

readonly                 readOnly

styleFloat               IE用styleFloat,其他浏览器用cssFloat(当和.css一起使用时)