大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
需要准备的材料分别有:电脑、html编辑器、浏览器。
创新互联公司是一家以网站建设、网页设计、品牌设计、软件运维、成都网站推广、小程序App开发等移动开发为一体互联网公司。已累计为被动防护网等众行业中小客户提供优质的互联网建站和软件开发服务。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('img').attr('src', 'small3.png');。
3、浏览器运行index.html页面,此时成功用jquery把图片地址放入了img标签的src中。
1 jQuery修改img的src的方法:
$("#img_id").attr("src","new_src");
2 此语句的功能是:修改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");
可以使用jQuery的“attr”方法改变img的图片路径。
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”了:
jQuery修改img的src的方法:
$("#img_id").attr("src","new_src");
此语句的功能是:修改id为img_id的src属性为新的src属性。