0

jQueryの上に書かれたサードパーティのライブラリを試しています。

多くのウィジェットについて、あなたのソースが言うとき、例えば、

<div id="myWidgetInst" class="their-widget-class-0" ... </div>

Firebug は、結果の DOM 要素が次のようになっていることを示しています。

 <div id="myWidgetInst" class="their-widget-class-0 their-widget-class-1 ..." ... </div>

どうやってやっているの？どうもありがとう。

4

3 に答える 3

1

それはおそらくjqueryです！

要素にクラスを追加する関数が実行されている可能性があります

于 2012-08-08T16:50:30.637 に答える
1

あなたの質問を完全に理解しているかどうかはわかりませんが、ウェブサイトの「通常の」ソースを見ると、このソースには、javascript の変更によって発生した DOM への変更は示されていません。Firebug はこれらの更新を表示します。

jQueryを使用すると、変更したい要素で.addClass("className")または関数を使用するだけで、クラスを追加/削除できます.removeClass("className")

于 2012-08-08T16:53:43.653 に答える
0

jQuery を使用して要素にクラスを追加します。たとえば、プラグインの目的がページ上のすべての要素を非表示にすることである場合 (革新的で非常に実用的であることはわかっています)、次のように使用できます。

$(document).ready(function() {
    $("*").addClass("my-widget-made-your-element-invisible");
});

CSS の場合:

.my-widget-made-your-element-invisible { display: none; }

jQueryで属性を操作できるメソッドにclassは、次のものがあります。

$("#elem").addClass("a");       // adds the class "a" to elem
$("#elem").removeClass("a");    // removes the class "a" from elem
$("#elem").attr("class", "a");  // gives elem a complete class of "a"
$("#elem").attr("class", "");   // removes all classes from attribute
于 2012-08-08T16:51:52.413 に答える