jQuery divに変更するCSSクラス

Question

たとえば、div要素が1つで、クラス 'first'に多くのCSSプロパティが定義されているとします。同じプロパティーを別々に定義したCSSクラス 'second'を割り当てることはできますか。あなたがイベントにそれを追加したい場合は

Answer 1

$(".first").addClass("second"); 

、あなたにもそう簡単に行うことができます。クリックイベントでの例：

$(".first").click(function() { 
    $(this).addClass("second"); 
}); 

Answer 2

あなたがそうのようにjQueryを使ってクラスを追加および削除することができます：あなたは空白で区切っすぐにマークアップで複数のクラスを設定することができところで

$(".first").addClass("second") 
// remove a class 
$(".first").removeClass("second") 

を

<div class="second first"></div> 

Answer 3

うん、簡単に。

$("#mydiv").attr("class", "second"); 

Answer 4

これは、私があなたがしたいことを完全にはっきりとしていないため、正確には目標にはなりません。しかし、イベントに応答して別のクラスをdivに割り当てることを前提とすると、答えは「はい」です。これは確かにjQueryで行うことができます。私のコードでは、次の私はjQueryの初心者ですが、私が使用している：あなたは番目のクラスとファーストクラスを交換したい場合は

$(document).ready(function() { 
    $("#someElementID").click(function() { // this is your event 
     $("#divID").addClass("second");  // here your adding the new class 
    )}; 
)}; 

、私が行ったように、あなたが最初にしaddClassをremoveClassを使用すると考えています上記。 toggleClassも一見価値があるかもしれません。 jQueryのドキュメントは、このような変更のための例とよく書かれています。

他の人が私には良い選択肢がありますが、助けてくれることを願っています！

Answer 5

divのようなHTML要素は、複数のクラスを持つことができます。 addClassメソッドを使ってdivに2つのスタイルが割り当てられているとしましょう。 style1にfont-size、weight、colorの3つのプロパティがあり、style2にfont-size、weight、color、background-colorの4つのプロパティがある場合、結果として得られる有効なプロパティセット（style）は4つのプロパティ、つまりunionすべてのスタイルセットの私たちのケースでは、共通のプロパティとして、色、フォントサイズ、ウェイト、最新の値で1つのoccueranceがあります。 divにstyle1が最初に割り当てられ、style2がsecondに割り当てられると、共通の属性はstyle2の値によって上書きされます。

さらに、私はUsing JQuery to Apply,Remove and Manage Stylesでポストを書かれている、私はそれがイベントハンドラを実証するためにあなた

よろしく Awais

Answer 6

$(document).ready(function() { 

      $("#divId").toggleClass('cssclassname'); // toggle class 
}); 

**OR** 

$(document).ready(function() { 
     $("#objectId").click(function() { // click or other event to change the div class 
       $("#divId").toggleClass("cssclassname");  // toggle class 
     )}; 
)};