ホームページ > ウェブフロントエンド > CSSチュートリアル > jQuery を使用して CSS クラスの変更時にイベントをトリガーするにはどうすればよいですか?

jQuery を使用して CSS クラスの変更時にイベントをトリガーするにはどうすればよいですか?

Susan Sarandon
リリース: 2025-01-05 15:23:40
オリジナル
291 人が閲覧しました

How to Trigger Events on CSS Class Changes with jQuery?

jQuery を使用した CSS クラス変更時のイベントのトリガー

jQuery を使用して CSS クラスが追加または変更されたときにイベントをトリガーするにはどうすればよいですか? CSS クラスを変更すると jQuery のchange() イベントがトリガーされますか?

jQuery のchange() イベントは特に入力要素に関連付けられており、フォーカスが変更されたデータを含む入力から離れた後に起動されますが、CSS クラスを検出する回避策があります。

これを実現するには、trigger() を利用して、クラスが変更されるたびにカスタム イベントを発生させます。 script:

$(this).addClass('someClass');
$(mySelector).trigger('cssClassChanged')
....
$(otherSelector).bind('cssClassChanged', data, function(){ /* Do stuff here */ });
ログイン後にコピー

これにより、独自のカスタム イベントを作成し、コード内でクラスが変更されたときに特定の機能のためにハンドラーをそれにバインドできます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート