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

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

设备：联想电脑

系统：xp

软件：jQuery2019

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

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

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

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

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

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

给你个代码，手动写的，绝对正确，你用table做会比较简单一些，不过用div也可以，不过比较麻烦。我用table给你写一个。

jsp中：

<input type="button" id="addtable" value="增加"/>

<table id="table1"></table>

jquery中这样写：

$(document).ready(function(){

$("#addtable").click(function(){

$("#table1").append("<tr class='odd'>"+

"这儿的内容你自己写，我只写删除"

"<td>"+

"<input type='button' onclick='del(this)' value='删除'/>"+

"</td>"+

"</tr>")

})

})

删除代码这样写：

function del(r){

if(confirm("确定删除?")){

var i=r.parentNode.parentNode.rowIndex

document.getElementById('table1').deleteRow(i)

}

}

你是个聪明人，应该能看懂，原理是这样的原理，具体情况你根据自己的情况修改一下就可以。记得导入jquery的库，还望采纳。

实现的方法和 *** 作步骤如下：

1、首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。

2、其次，完成上述步骤后，在index.html的<script>标记中，输入下图红框中的jquery代码，如下图所示。

3、接着，完成上述步骤后，浏览器运行index.html页面，显示出了其中1张背景图片，如下图所示。

4、最后，完成上述步骤后，再次单击“点击更换”按钮，这时背景图像被更改为另一幅，如下图所示。这样，问题就解决了。

---