在页面中,attr()方法不仅可以获取元素的属性值,还可以设置元素的属性值,其设置属性的语法格式如下。
attr(key, value)
其中,参数key表示属性的名称,value表示属性的值。如果设置多个属性也可以通过attr()方法实现,其语法格式如下:
attr({key0:value0, key1,value1})
在下面的示例中,通过jQuery中的attr()方法,在页面加载时,设置img标签的src属性和title属性,并显示在页面中。
实现该示例的jQuery代码:
<script> $(function() { $("img").attr("src", "images/pic_2.jpg"); $("img").attr("title", "这是第二张图片"); $("img").attr({ src: "images/pic_3.jpg", title: "这是第三张图片" }); $("img").addClass("img_style"); //增加样式 $("span").html("加载完毕"); }) </script>
实现该示例的HTML代码:
<section><img src="images/pic_1.jpg" title="这是第一张图片"><span>正在加载图片……</span></section>