jQuery的.attr()方法

用了好几次这个方法,还是很疑惑,就去系统的学习了一下。
总结如下:
.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"});
  });
});

猜你喜欢

转载自blog.csdn.net/weixin_42648692/article/details/86294123