ホームページ >ウェブフロントエンド >CSSチュートリアル >jQuery を使用して TD タグのクラスを変更するにはどうすればよいですか?
jQuery でクラス名を変更する
動的 Web ページを扱う場合、クラスを変更して特定の要素を変更する必要がある場合があります。この記事では、jQuery を使用して ID に基づいて td タグのクラスを変更する方法について説明します。
特定の ID で td 要素にアクセスするには、$('#td_id') セレクターを使用します。要素参照を取得したら、jQuery メソッドを使用してそのクラスを変更できます。
クラスの設定:
以前の値に関係なくクラスを設定するには、次を使用します。 .attr():
$('#td_id').attr('class', 'newClass');
クラス:
既存のクラスに影響を与えずに新しいクラスを追加するには、.addClass():
$('#td_id').addClass('newClass');
クラスの切り替え:
2 つのクラスを切り替えるには、次を使用します。 .toggleClass():
$('#td_id').toggleClass('change_me newClass');
これにより、現在存在しない場合は newClass が追加され、その逆も同様です。さらに詳しく調べるために、[jQuery のクラス属性メソッド](https://api.jquery.com/category/attributes/class-attribute/) へのリファレンスを次に示します。
以上がjQuery を使用して TD タグのクラスを変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。