この記事では、主に背景画像を動的に削除および追加する jQuery の方法を紹介し、ページ要素のスタイルとイベント応答に対する jQuery の動的操作スキルを例の形式で分析します。
jQueryを使用して画像を削除および追加する
1、style
<style type="text/css"> .changeImage{ background:url(images/right.png) no-repeat center; } </style>
2、JS
(1) ラベルのスタイルを変更する場合、以前に追加したstyleを削除する必要があります
$("#tab tr").find("td").removeClass("changeImage");
(2) スタイルの追加
$("#tab tr").find("td").addClass("changeImage");
添付: 完全なサンプルデモ:
jQuery移除和添加图片 <script> function removeimg(){ $("#tab tr").find("td").removeClass("changeImage"); } function addimg(){ $("#tab tr").find("td").addClass("changeImage"); } </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を使用して幅と高さが不明な要素に背景画像を追加する方法
CSSの奇妙な使い方であるIMGは、表示効果に合わせて背景画像を追加します - html/css_WEB-ITnose
以上がjQueryによる背景画像の動的削除・追加について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。