ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery での変更イベントの使用例

jQuery_jquery での変更イベントの使用例

WBOY
WBOYオリジナル
2016-05-16 16:24:131304ブラウズ

この記事の例では、jQuery での変更イベントの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

change イベントは、一致する要素がフォーカスを失ったとき、またはその値がフォーカスを獲得して変更されたときにトリガーされます。

完全なイベント プロセスには、イベントをトリガーできる条件だけでなく、イベント ハンドラーも必要です。
change() メソッドを通じて、イベント ハンドラー を変更イベントにバインドできます。例:

コードをコピー コードは次のとおりです。
$("input").change(function(){$( "input" ).css("backgroundColor","green")})

上記のコードは、change() メソッドを通じて関数 function をイベント ハンドラーとして変更イベントにバインドします。この関数は、変更イベントがトリガーされると呼び出されます。
コード例:

コードをコピーします コードは次のとおりです:



<頭>


スクリプト ホーム
<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("input").change(function(){
$("input").css("backgroundColor","green")
})
})




テキスト ボックスのテキストを変更するとイベントがトリガーされます





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