jquery - div を取得し、クラス jQuery をアタッチします

Question

jQueryを使用してこれを取得し#one-id、これを添付するにはどうすればよいですか?.myclass

#one-id {
width: 120px;
height: 40px;
float: left;
padding: 10px;
margin: 10px;
background-color: #EEEEEE;
}
.myclass {border: 13px solid red}

<div id="one-id">CLASS</div>

ここでフィドル

Answer 1

これは、jQuery の 2 つの非常に基本的な側面を使用します。

$("#one-id").addClass("myclass");

最初の部分 $("#one-id")は、CSS セレクターを使用して一致する要素を検索します。この場合、要素には があるため、セレクターidを使用していて、返される要素は最大でも 1 つです (指定された を持てる要素は 1 つだけなので) が、jQuery はすべて集合論に関するものなので、まだ " set" の要素 (1 つのエントリを含む)。idid

次に、その jQuery オブジェクトを呼び出しaddClassます。これにより、まだクラスを持っていないセット内の要素にクラスが追加されます。

いくつかの jQuery チュートリアルに目を通し、1 時間かけてドキュメントを読むことをお勧めします。

Answer 2

試す

$("#one-id").addClass("myclass");