添加删除是一项基本功能,下面就来看一下jquery怎么在图片上添加删除按钮。
设备:联想电脑
系统:xp
软件:jQuery2019
1、首先写一个HTML架构,如图所示代码。
2、新建一个div,div中包裹着一个img标签,视为图片。
3、再次书写一个div,之后会赋予点击事件。
4、然后使用onclick函数进行点击时间的绑定,如图所示。
5、引入jquery.js,之后使用其中的函数。
6、最后编写addButton方法,这样一切就完成了。
问题分析:
1、删除:使用jQuery的remove方法。
2、添加:使用jQuery的append、after等多个方法,这些不同的方法是用来决定标签添加的相对位置。
举例如下:
以内部追加方法append为例。
添加DIV:
$('body').append('<div id="name">我是被添加的DIV标签</div>')删除刚刚添加的DIV:
$('#name').remove()欢迎分享,转载请注明来源:内存溢出
评论列表(0条)