イベント ハンドラー内で jQuery を使用して TD タグのクラス名を正確に変更するにはどうすればよいですか?

jQuery: クラス名を正確に変更する

特定の HTML タグのクラスを変更する場合、選択の精度が重要です。これは、他の DOM 要素のイベント ハンドラー内で作業する場合にはさらに重要になります。

のクラスを変更することを検討してください。

別の DOM オブジェクトのクリック イベント内でこれを実現するにはどうすればよいですか?

jQuery をRescue

jQuery は、要素クラスの操作に特化して調整された堅牢な関数セットを提供します。これらの使用方法は次のとおりです:

クラスの設定 (上書き)

$("#td_id").attr('class', 'newClass');

以前の値に関係なく、.attr() を使用してクラスを設定します:

クラスの追加

$("#td_id").addClass('newClass');

使用.addClass() を使用して既存のクラスにクラスを追加します。

クラスの交換 (切り替え)

$("#td_id").toggleClass('change_me newClass');

.toggleClass() を使用して、クラスを交互に削除または追加します。クラス:

jQuery クラスメソッド

• その他のオプションについては、jQuery がクラスを操作するための包括的なメソッド スイートを提供しています。属性:
• .hasClass()
• .removeClass()

.toggleClass().switchClass()

以上がイベント ハンドラー内で jQuery を使用して TD タグのクラス名を正確に変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。