首页 > 教程 > 文章 > JAVASCRIPT > 正文

jquery更改img元素的src属性的方法

转载2021-06-29 12:40:28 0 50

jquery更改img元素的src属性的方法:首先在html文件中,给button按钮绑定onclick点击事件;然后在js标签内创建editsrc函数;接着通过“id(myimg)”获得img对象;最后使用attr方法设置src属性即可。

本教程操作环境:windows7系统、jquery1.10.0版本,该方法适用于所有品牌电脑。

推荐:《jquery视频教程

在jquery中,主要通过attr()方法来设置img标签的src属性,从而实现改变img标签的src属性。

方法:首先需要获取img元素,然后使用.attr("src","值")来更改img元素的src属性。

具体介绍:

在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行editsrc()函数。

在js标签内,创建editsrc()函数,在函数内,使用$符号通过id(myimg)获得img对象,使用attr()方法设置src属性,例如,设置src图片路径为“images/3.jpg”。

在浏览器打开test.html文件,点击按钮,查看实现的效果。

以上就是《jquery更改img元素的src属性的方法》的详细内容,更多请关注 “设计者在线”其它相关文章!

申明:本站文章多来自互联网,如果侵犯了你的权益,请联系站长及时处理!谢谢!!

  • 相关标签:jquery
  • 本文由 设计者在线 原创发布,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论 条评论
  • 专题推荐

    • 帝国系统

      简介:帝国CMS系统教程,开发技巧

    • JQUERY

      简介:春节好春节好春节好春节好春节好春节好春节好春节好

    • 不忘初心牢记使命教育活动

      简介:不忘初心牢记使命教育活动

    • 我们的生活

      简介:我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活

    • 明天会更好

      简介:明天会更好明天会更好明天会更好明天会更好明天会更好明天会更好明天会更好

    推荐视频教程
    视频分类
    [!--date--]Y-m-d[!--date--]