javascript - Jqueryを使用して要素からスタイル属性を編集する方法

Question

jQueryでスタイル属性を編集する必要があります。これが私がやろうとしていることです。

私はdivを持っています

<div style="background:url('images/image.png') no-repeat scroll 0 0 transparent;color:red;">
hello
</div>

backgroundそして私はのようなものに変更する必要がありますimage2.png

jQueryでこれを行うにはどうすればよいですか？

Answer 1

使用.css()：

$('div').css('background', 'url(images/image2.png)')

背景文字列全体を設定するには、プロパティマップを使用できます。

var cssObj = {
  'background-image': 'url(images/image2.png)',
  'background-repeat': 'no-repeat',
  'background-attachment': 'scroll',
  'background-position': '0 0',
  'background-color': 'transparent'
}
$('div').css(cssObj);

Answer 2

$(function(){
   var cssObj = {
      'background-image' : 'url(http://www.mousescrappers.com/forums/xperience/icons/teacups24.png)',
      'background-repeat' : 'no-repeat',      
    }
   $("div").css(cssObj);
});

上記のスクリプトは、準備ができたドキュメントに画像をロードします。すべてのDivに対してロードされることに注意してください。したがって、要素についてより具体的にする方がよいでしょう（Idまたはclassをセレクターとして使用してください）

例http://jsfiddle.net/XsRuC/9/