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

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

设备：联想电脑

系统：xp

软件：jQuery2019

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

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

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

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

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

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

一共三步，具体如下：

1、HTML结构：设计三个li元素<ul id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>。

2、css样式：设计一个类selected，表示选中后的效果<style>.selected{font-weight:boldbackground: #ff99cccolor:#fff}</style。

3、jquery代码：$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected') // 删除其他兄弟元素 $(this).addClass('selected') // 添加当前元素的样式 })

1、removeClass()定义和用法：removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数，则该方法将从被选元素中删除所有类。

2、addClass()定义和用法：addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。如需添加多个类，请使用空格分隔类名。

一、你选择$（this）.sibings（）.addClass（"active"）就可以删除样式。

二、添加样式的步骤如下：

（1）调出样式控制面板，选择菜单，点击窗口，点击样式；

（2）点击样式面版右边的小三角形，会看到一排下拉菜单；

（3）选择你下载并解压的样式文件，点载入；

（4）载入后就可以在样式面板上看到刚才载入的样式；

（5）选择你要加样式的图形或文字等，点样式图案就可以应用效果；

（6）如果你觉得不好的样式效果你可以直接在样式上面按鼠标右键选择删除样式。

---