ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryによる背景画像の動的削除・追加について詳しく解説

jQueryによる背景画像の動的削除・追加について詳しく解説

小云云
リリース: 2018-01-23 11:25:43
オリジナル
2832 人が閲覧しました

この記事では、主に背景画像を動的に削除および追加する 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(){
$(&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>

制造商型号说明价值
1997FordE350"ac abs moon"3000.00
1999Chevy"Venture ""Extended Edition"""""4900.00
1999Chevy"Venture ""Extended Edition Very Large"""""5000.00
1996JeepGrand Cherokee"MUST SELL!
air moon roof loaded"4799.00
ログイン後にコピー

関連推奨事項:

CSSを使用して幅と高さが不明な要素に背景画像を追加する方法

phpファイルに背景画像を追加する方法

CSSの奇妙な使い方であるIMGは、表示効果に合わせて背景画像を追加します - html/css_WEB-ITnose

以上がjQueryによる背景画像の動的削除・追加について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート