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中文網其他相關文章！