用了好几次这个方法,还是很疑惑,就去系统的学习了一下。
总结如下:
.attr()方法是jQuery操作属性的一个方法。可以根据参数的不同,来获取或设置属性值。
.attr()方法常用的四个表达形式:
1 $(selector).attr(传入属性):获取属性值,例:
获取iuput的value属性值
$("input").attr('value')
2 $(selector).attr(属性名,属性值):设置属性的值;例:
设置iuput的value属性值:
$("input:").attr('value','设置属性值')
3 $(selector).attr(属性名,函数值):设置函数的值(并不直接提供值而是以函数的返回值作为值);例:
设置图片的宽度:
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width",function(n,v){
return v-50;
});
});
});
4 $(selector).attr({attribute:value, attribute:value …}):给指定的元素设置多个属性值。
设置图片的长和宽:
$(document).ready(function(){
$("button").click(function(){
$("img").attr({width:"50",height:"80"});
});
});