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")

首先使用jquery选择器获取到想要绑定click事件的img元素,然后可以直接绑定click方法,也可以通过bind方法绑定。这里详细介绍一下bind方法。<br><br>jquery 事件 - bind() 方法 —— 定义和用法<br> bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。<br><br>jquery 事件 - bind() 方法 ——将事件和函数绑定到元素<br> 规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数。<br><br>jquery 事件 - bind() 方法——语法<br> $(selector).bind(event,data,function)<br><br>jquery 事件 - bind() 方法——参数描述<br> event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。<br> data <br>可选。规定传递到函数的额外数据。<br> function<br>必需。规定当事件发生时运行的函数。<br><br>实例:<br>//直接给所有img标签绑定click事件<br>$("img").click(function(){<br> alert('你点击了图片')<br>})<br><br>//使用bind方法绑定click事件<br>$("img").bind("click",function(){<br> alert('你点击了图片')<br>})<br><br>拓展:jquery给元素绑定事件的方法还有one、live、toggle、on(新增)等方法,详细可参考jquery官方文档。

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

如果是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标签赋值的办法。 不知道是不是你想要的, 你的问题可以描述清楚点。


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

原文地址:https://54852.com/bake/11274894.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存