从品牌网站建设到网络营销策划,从策略到执行的一站式服务
可以使用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");
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图