jQuery动态移除和添加背景图片实例详解

本文主要介绍了jQuery动态移除和添加背景图片的方法,结合实例形式分析了jQuery针对页面元素样式及事件响应的动态操作技巧,需要的朋友可以参考下，希望能帮助到大家。

利用jQuery移除和添加图片

1、样式

<style type="text/css">
  .changeImage{
     background:url(images/right.png) no-repeat center;
  }
</style>

2、JS

（1）在改变标签的样式，需要移除之前添加的样式

$("#tab tr").find("td").removeClass("changeImage");

（2）添加样式

$("#tab tr").find("td").addClass("changeImage");

附：完整示例demo：

<script>
function removeimg(){
$(&quot;#tab tr&quot;).find(&quot;td&quot;).removeClass(&quot;changeImage&quot;);
}
function addimg(){
$(&quot;#tab tr&quot;).find(&quot;td&quot;).addClass(&quot;changeImage&quot;);
}
</script>


  

  
年
制造商
型号
说明
价值
  
1997
Ford
E350
"ac
 abs
 moon"
3000.00
  
1999
Chevy
"Venture ""Extended Edition"""
""
4900.00
  
1999
Chevy
"Venture ""Extended Edition
 Very Large"""
""
5000.00
  
1996
Jeep
Grand Cherokee
"MUST SELL!
  
air
 moon roof
 loaded"
4799.00
  
  
  

相关推荐：

使用css给未知宽高的元素添加背景图片方法

如何在php文件中添加背景图片

css奇特用法之 IMG添加背景图片配合显示效果惊艳_html/css_WEB-ITnose

以上是jQuery动态移除和添加背景图片实例详解的详细内容。更多信息请关注PHP中文网其他相关文章！