如何把jquery的值放入img标签的src里面

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：$('img').attr('src', 'small3.png')。

3、浏览器运行index.html页面，此时成功用jquery把图片地址放入了img标签的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")

元素ID是唯一的，最好不要多个标签用相同id，可以在标签里加自定义属性再赋值嘛。

<div class="imgs">

<img src="" data-id="1"/><img src="" data-id="2"/>........

</div>

<script>

function showIdsData(){

var imgs=$(".imgs img")

var ids=new Array()

for(var i=0i<imgs.lengthi++){

ids.push(imgs[i].attr("data-id")

}

console.log(ids)

}

showIdsData()

</script>

---