jquery attr() 方法
翻译结果:
attr
英 ['ətr] 美 ['ətr]
abbr.attractive 吸引人的,有魅力的
jquery attr() 方法语法
作用:attr() 方法设置或返回被选元素的属性值。根据该方法不同的参数,其工作方式也有所差异。
返回属性值:返回被选元素的属性值。
语法:$(selector).attr(attribute
参数:
参数 | 描述 |
attribute | 规定要获取其值的属性。 |
设置属性/值:设置被选元素的属性和值。
语法:$(selector).attr(attribute,value
参数:
参数 | 描述 |
attribute | 规定属性的名称。 |
value | 规定属性的值。 |
使用函数设置属性/值:设置被选元素的属性和值。
语法:$(selector).attr(attribute,function(index,oldvalue))
参数:
参数 | 描述 |
attribute | 规定属性的名称。 |
function(index,oldvalue) | 规定返回属性值的函数。该函数可接收并使用选择器的 index 值和当前属性值。 |
设置多个属性/值对:为被选元素设置一个以上的属性和值。
语法:$(selector).attr({attribute:value, attribute:value ...})
参数:
参数 | 描述 |
attribute:value | 规定一个或多个属性/值对。 |
jquery attr() 方法示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("img").attr("width","180"); }); }); </script> </head> <body> <img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" /> <br /> <button>设置图像的 width 属性</button> </body> </html>
点击 "运行实例" 按钮查看在线实例