jQuery技术

jQuery设置元素的属性

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

在页面中,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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评