jquery怎么替换元素图片

本篇内容主要讲解“jquery怎么替换元素图片”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery怎么替换元素图片”吧!

成都创新互联公司是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队，其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接：成都网站设计、成都网站制作、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。

具体步骤如下：

1.首先，在新建一个html项目，在项目中引入jquery；

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在项目中创建一个img标签，并设置src图片地址；

<img src="images/1.png" />

3.img标签创建好后，在标签中添加一个id属性；

<img src="images/1.png" id="mypic"/>

4.id属性添加好后，新建一个button按钮，并绑定onclick点击事件；

<button onClick="editpic()">替换元素图片</button>

5.最后，button按钮添加好后，在点击事件中通过id获取img对象，并使用attr()方法即可替换元素图片；

function editpic(){
$('#mypic').attr('src','images/2.png');
}

到此，相信大家对“jquery怎么替换元素图片”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

本文标题：jquery怎么替换元素图片
文章地址：https://www.cdcxhl.com/article44/gghiee.html

成都网站建设公司_创新互联，为您提供软件开发、搜索引擎优化、网站排名、云服务器、微信公众号、面包屑导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联