jquery设置img,Jquery设置img宽度高度无效

jquery如何改变img的图片路径

可以使用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:

一，向该节点内部后方添加:

$("#pr").append("img

src=''/");

$("img

src=''/").appendTo("#pr");

二，向该节点内部前方添加:

$("#pr").prepend("img

src=''/");

$("img

src=''/").prependTo("#pr");

三，向该节点同级后方添加:

$("#pr").after("img

src=''/");

$("img

src=''/").insertAfter("#pr");

四，向该节点同级前方添加:

$("#pr").before("img

src=''/");

$("img

src=''/").insertBefore("#pr");

文章名称：jquery设置img,Jquery设置img宽度高度无效
网页网址：http://cdiso.cn/article/dsgecpp.html