添加删除是一项基本功能,下面就来看一下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() })欢迎分享,转载请注明来源:内存溢出
评论列表(0条)