jquery怎么创建一个img标签?

jquery怎么创建一个img标签?,第1张

有几种方法

但都需要你指定一个节点

根据这个节点进行添加

如现有一节点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")

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

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

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

3、浏览器运行index.html页面,此时成功用jquery把图片地址放入了img标签的src中。

可以描述下往哪里插入图片吗?

如果是img标签

<img id='img1'/>

<script>

//js

//页面加载完后执行

window.onload=function(){

var img1=document.getelementbyId('img1')

img1.src="/img/img1.jpg'

}

//jquery

//jquery需要引入jquery.js文件

//页面加载完后执行

$(function(){

$('#img1').attr("src","/img/img1.jpg")

})

</script>

这是js,jquery 给img标签赋值的办法。 不知道是不是你想要的, 你的问题可以描述清楚点。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11451296.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存