ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで変更イベントをトリガーする方法

jqueryで変更イベントをトリガーする方法

青灯夜游
青灯夜游オリジナル
2021-11-19 11:16:434542ブラウズ

jquery では、change() メソッドを使用して変更イベント (構文 "$(selector).change()") をトリガーできます。このメソッドは、変更イベントの発生時に実行される関数を指定することもできます。 「$(セレクター).change(関数)」という構文が発生します。

jqueryで変更イベントをトリガーする方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

変更イベントは、要素の値が変更されると発生します。このイベントは、テキスト フィールド、テキストエリア、および選択要素にのみ適用されます。

変更イベントを手動でトリガーする場合は、change() メソッドを使用する必要があります。このメソッドは、変更イベントの発生時に実行する関数を指定することもできます。

#変更イベントをトリガーするための構文

$(selector).change()

変更イベントに関数をバインドするための構文

$(selector).change(function)

    #関数 オプション。変更イベントの発生時に実行する関数を指定します。
例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js">
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".field").change(function() {
					$(this).css("background-color", "#FFFFCC");
				});
				$("button").click(function() {
					$("input").change();
				});
			});
		</script>
	</head>
	<body>
		<button>激活文本域的 change 事件</button>
		<p>用户名: <input class="field" type="text" /></p>
	</body>
</html>

jqueryで変更イベントをトリガーする方法関連ビデオ チュートリアルの推奨事項:

jQuery チュートリアル

(ビデオ)###

以上がjqueryで変更イベントをトリガーする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。