JQueryでグローバル.classレベルのCSS値を取得および設定する方法

Question

私がしたいことは、このようなものです。

クラスのグローバルCSS値を取得します。 ここで、.myclassは、クラスを実装するインスタンスではなく、実際の静的クラスを参照します。

var currentmargin = $('.myclass').css('margin'); 

はその後 を変更するユーザーのためのグローバルClass CSSの値を表示して

.myclass { 
    margin:10px; 
} 

以下のようにCSSから変更

$('.myclass').css('margin',newValue); 

を設定し、これを行うには正しい方法はあります私が行方不明になっているJQueryや、http://plugins.jquery.com/project/changecssのようなプラグインで作業を拡張する必要がありますか？

ありがとうございます。

Answer 1

Jqueryセレクタを混乱させると思います。次

var currentmargin = $('.myclass').css('margin'); 

平均：CSSプロパティの「myclass」という名前のクラスでマークされたHTML文書内のすべての要素を選択し、属性から読み取る「スタイル」値「margin」。そして、私はこのクラスでマークされたページ上のいくつかの要素を持っていない限り、クライアントサイドJSを使用してCSSプロパティ値のグローバル定義を読み取る方法がないことは怖いです。

だから、いつも未定義になっているのは、 "myclass"というクラスの要素がないからです。

Answer 2

jQuery自体は実際には何の助けにもなりません。中心のDOMコレクションであるdocument.styleSheetsを中心にしています.jQueryはラッパーなどを提供していません。 plugin you linkedは良いアプローチです（軽量なので）、まったく同じようにdocument.styleSheetsのコレクションをループするだけです。