html - HTML5 JQuery セレクター

Question

明らかな理由から、id とクラスをセレクターとして使用することは常に嫌いでした。id は一意であり、クラスはスタイルと関係があり、サイトの機能に影響を与えずに変更できる必要があります。

のようなものを作成していました。

   <div rel="foo">...</div>

   $("[rel=foo]").click(..);

HTML5でこれを行う適切な方法は何ですか? 私は役割に誘惑されましたが、この属性には特定の意味と目的があるようです.

私はちょうど HTML5 を学んでおり、あなたの助けは大歓迎です!

score 1 · Accepted Answer

要素にはいくつでもクラスを追加できます。また、選択するときは、1 つのクラスをセレクターとして使用できます。

<div class="class1 class2 foo">

セレクタ、

$(".foo").click(..);

fooCSS内でクラスを定義する必要はありません

score 0 · Accepted Answer

を使用せず、代わりrelに選択してください。title次に、次のように jQuery を使用できます。

$('div[title="foo"]').click(...);

HTML5 ではtitle、idまたはを使用するのが適切です。classまた、クラスと ID をセレクターとして使用することを再検討する必要があると思います。これは非常に便利で効率的で簡単です。

3 に答える 3