jquery如何设置修改元素的属性|三体教程
文章目录

jquery如何设置修改元素的属性

这个问题是在百度知道里面看到有人问的。

<img src="http://www.santii.com/images/logo.png" class="img" />
<input type="button" id="btn1" value="点击改变上面图片的宽度" />
<script>
$("#btn1").click(function(){
    $(".img").attr("width","200px");
});
</script>

如果要改变多个属性,请使用下面的方法。

<input type="button" id="btn2" value="点击改变上面图片的宽度" />
<script>
$("#btn2").click(function(){
    $(".img").attr({"width":"200px","height":"500px"});
});
</script>

如果要获取元素属性值,请使用attr(attribute)。

<input type="button" id="btn3" value="获取上面图片的宽度" />
<script>
$("#btn3").click(function(){
    var w=$(".img").attr("width");
    var h=$(".img").attr("height");
    alert("图片宽度为:"+w+"高度为:"+h);
});
</script>

需要注意的是,如果上面的图片没有设置宽或高,获取的值将会是undefined。

本文网址:http://www.santii.com/article/123.html


数据更新时间:2018-06-25