要素ごとに自分のcssファイルにjqueryuiクラスを追加する方法はありますか?IE:
input {
ui-corner-all /* <- JQuery UI class */
}
すべての入力にクラスを追加するのとは対照的に、IE:
<input name="myinput" type="text" class="ui-corner-all" value="" />
LESSをチェックできます。これは、SOに関する非常によく似た質問です。CSSクラスは1つ以上の他のクラスを継承できますか?
LESSは、CSSの拡張機能であり、変数、ネストされたルール、関数、操作などを使用した高度な抽象化です。
jQuery.addClass
メソッドを使用して、次のようなページの読み込みを含め、いつでも要素にクラスを追加できます。
$(function() {
$(input).addClass('ui-corner-all');
});
これによりui-corner-all
、ページの読み込み時にhtmlのすべての入力要素にクラスが追加されます。ページ上の特定の要素のみを選択する場合は、次のようなより具体的な選択を使用します。
$(function() {
$('#myInput').addClass('ui-corner-all');
});
ui-corner-all
これにより、IDが。のページ上のすべての要素にクラスが追加されますmyInput
。
Sassをチェックすることを検討することをお勧めします。これにより、@extendを介してcssクラスを独自のクラスに拡張するオプションが提供されます。
このように、クラスを追加するためにjavascriptに依存する必要はありません。それはすべてcssを介して行われます。
お役に立てれば!
これを実現するために、LESSなどのプリプロセッサを使用することもできます。ui.css
として保存するui.less
必要があり、次のようなことができます。
@import url(ui.less);
input {
.ui-corner-all;
}
less to cssをコンパイルした後、ui-corners-all
クラスのすべてのスタイルを取得し、それらを入力に適用します。これは、cssプリプロセッサを使用することの多くの利点の1つにすぎません。あなたがcssに精通しているなら、それは本当に調べる価値があり、学ぶのはそれほど難しいことではありません。あなたはここでより多くの情報を見つけることができます:http://lesscss.org/