十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
可以使用jQuery的“attr”方法改变img的图片路径。
创新互联公司专注于企业营销型网站建设、网站重做改版、尉犁网站定制设计、自适应品牌网站建设、html5、成都商城网站开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为尉犁等各大城市提供网站开发制作服务。
1、新建html文档,在body标签中添加img标签,设置图片的路径为“a.png”,然后引入文件:
2、为img标签添加id“demo”,然后添加脚本代码“$("#demo").attr("src", "b.png");”,代码的意思先获取img标签,然后将路径改为“b.png”:
3、用浏览器打开网页,按F12键打开网页源码,可以查看img路径已经从“a.png”换成“b.png”了:
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('img').attr('src', 'small3.png');。
3、浏览器运行index.html页面,此时成功用jquery把图片地址放入了img标签的src中。
jQuery修改img的src的方法:
$("#img_id").attr("src","new_src");
此语句的功能是:修改id为img_id的src属性为新的src属性。
有几种方法
但都需要你指定一个节点
根据这个节点进行添加
如现有一节点Id为pr:
一,向该节点内部后方添加:
1
$("#pr").append("img
src=''/");
2
$("img
src=''/").appendTo("#pr");
二,向该节点内部前方添加:
1
$("#pr").prepend("img
src=''/");
2
$("img
src=''/").prependTo("#pr");
三,向该节点同级后方添加:
1
$("#pr").after("img
src=''/");
2
$("img
src=''/").insertAfter("#pr");
四,向该节点同级前方添加:
1
$("#pr").before("img
src=''/");
2
$("img
src=''/").insertBefore("#pr");