ボタンのクリックイベントが発生した後にdivに割り当てられたCSSを変更できますか？

私はボタンクリックが発生した後、さまざまなhtmlコントロールを再配置したいASP.Netサイトに取り組んでいます。現在のCSSを新しいCSSに置き換えることでこれを行うことはできますか？そして、どのようにしてその要素をコード内の新しいCSSに関連付けることができますか？ボタンのクリックイベントが発生した後にdivに割り当てられたCSSを変更できますか？

出典

2012-03-13 slonkar

JavaScriptでこれを行うことができます。 jQueryやmootoolsのようなフレームワークを使用していますか？ –

はい。私はjQuery v1.7.1を使用しています – slonkar

その場合、isotropeは以下の答えを持っています。 –

場合

$(selector).addClass('classname'); 
$(selector).removeClass('classname');

これは、選択されたクラスのクラスを変更します。要素（複数可）

それともでき

$(selector).css('propertyname', 'propertyvalue');

...これは、選択した要素（複数可）にインラインスタイルを変更します。

編集：ビットを私の答えを完了させるために...

あなたのクリック可能な要素のidが「clickable_element」と変更したい要素である、のは「clickables_container」のidを持つdivの中にクリック可能な要素を言ってみましょう「change_me」のクラスを持っている...

$(document).ready(function() { 
    $('#clickables_container').on('click', '#clickable_element', function() { 
     $('.change_me').removeClass('olderclassnametoremove'); 
     $('.change_me').addClass('additionalclassname'); 
     $('.change_me').css('background-color', 'blue'); 
    }); 
});

出典

2012-03-13 18:05:35 isotrope

私はあなたがこのようにそれを行うことができるはずだと思う：

SomeControl.Attributes.Add("class", "myCssClass");

あなたはjQueryを使ってそれを実行したい場合、あなたはまた、要素のCSSを操作することができます。

$('#SomeControl').removeClass('myOldCssClass'); 
$('#SomeControl').addClass('myCssClass');

出典

2012-03-13 18:04:08 Dante

は、これは可能ですが、あなたが適用しようとしている次の.cssファイルに追加のクラスを持っている必要があります。のは、あなたが次のHTMLを持っているとしましょう：

<body> 
<div class="a">bla-bla</div> 
... 
<div class="b"></div> 
</body>

また、あなたは、このような.cssファイルがあります：

.a { 
//styles here 
} 

.b { 
//some other styles 
}

をそして今、あなたは、ページ上のすべての要素のルックアンドフィールを変更したいです。そのためには、あなたは、HTMLや身体

<body class="c"> 
<div class="a">bla-bla</div> 
... 
<div class="b"></div> 
</body>

ように、トップレベルの要素に新しいクラスを追加している、また、あなたの.cssファイル

.c .a { 
//changed styles here 
} 

.c .b { 
//some other changed styles 
}

ホープ、このようなスタイルを持っている必要があります助けになる。

出典

2012-03-13 18:07:21

ボタンのクリックイベントが発生した後にdivに割り当てられたCSSを変更できますか？

答えて

関連する問題