jquery怎么添加图片与删除图片

jquery怎么添加图片与删除图片,第1张

添加删除是一项基本功能,下面就来看一下jquery怎么在图片上添加删除按钮。

设备:联想电脑

系统:xp

软件:jQuery2019

1、首先写一个HTML架构,如图所示代码。

2、新建一个div,div中包裹着一个img标签,视为图片

3、再次书写一个div,之后会赋予点击事件。

4、然后使用onclick函数进行点击时间的绑定,如图所示。

5、引入jquery.js,之后使用其中的函数。

6、最后编写addButton方法,这样一切就完成了。

jquery 提供了remove() 方法,用来移除被选元素,包括所有文本和子节点。因此只需根据添加的div的id即可将其删除

$(div_id).remove()

实例演示如下:

HTML结构

<input type="button" value="删除">

<div id="test">这是示例的DIV</div>

jquery代码

$(function(){   $("input[type='button']").click(function() {        $("div#test").remove()   })


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存