jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)
2011-03-30 23:37
1296 查看
jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)
----------
就像许多其他jquery命令那样,attr()命令也可以用来进行读操作或写操作。相同的jquery命令能够执行这样迥异的操作,是因为传给命令的参数的个数和类型决定了采用命令的哪个重载变体。
attr()语法:
attr(name)
获取指派到包装集里第一个元素指定特性的值。
参数
name (字符串)特性的名称。该特性的值将被获取。
返回
包装集里第一个元素指定特性的值,如果包装集为空,或第一个元素没有该特性,就返回undefined。
如例:
即使通常认为特性是由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一起使用时)
----------
就像许多其他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一起使用时)
相关文章推荐
- jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)
- jquery之操作元素属性和特性(删除特性,removeAttr()方法的使用)
- jquery之操作元素属性和特性(操作元素属性,each()方法的使用)
- Jquery操作元素属性方法总结(attr()、prop())
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- 使用jQuery的".css()"和".attr()"方法设置元素"left"属性的注意点
- 通过attr(name)方法获取元素的属性
- ThinkPHP第二十一天(JQuery元素获取,parents属性,toggle方法,确认弹出对话框使用)
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- 【jQuery】使用attr()方法控制元素的属性
- WCF X.b 操作引用了已经从 Y.b 操作导出的消息元素 [http://tempuri.org/:b]。可以通过更改方法名称或使用 OperationContractAttribute 的 Name 属性更改其中一个操作的名称...
- jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
- jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
- jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- 使用jquery获取父元素或父节点的方法
- JQ学习笔记(4)使用jQuery操作元素的属性与样式
- jQuery使用元素属性attr赋值详解
- 转jQuery获取和操作元素的属性和CSS样式