jquery怎么在图片上添加删除按钮

2024-10-29 18:43:45

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

jquery怎么在图片上添加删除按钮

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

jquery怎么在图片上添加删除按钮

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

jquery怎么在图片上添加删除按钮

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

jquery怎么在图片上添加删除按钮

5、让我们引入jquery.js,之后使用其中的函数;

jquery怎么在图片上添加删除按钮

6、接着,编写addButton方法,如图代码;

jquery怎么在图片上添加删除按钮

7、这样,一切就完成了,可以试着运行了一下了;

jquery怎么在图片上添加删除按钮
猜你喜欢