jQuery イベント モデルの機能は次のとおりです。
イベント ハンドラーを確立するための統一されたメソッドを提供します。
各要素の時間タイプごとに複数のハンドラーを許可します。
クリックやマウスオーバーなどの標準イベント タイプ名を採用します。
ハンドラーへの引数として使用できる Event インスタンスを使用します。
Event インスタンスの最も一般的に使用されるプロパティを正規化します。
イベントをキャンセルし、デフォルトのアクションをブロックするための統合メソッドを提供します。
jQuery バインディング イベント ハンドラー:
bind() コマンド
$('img').bind('click',funciton(event){alert('Hi there');});提供されたインライン関数をクリック イベント ハンドラーとしてページ上の画像にバインドします。
ブラウザ固有のコードを使用せずにイベント ハンドラーを構築します
jQuery イベントの例
;< ;/div>
イベントハンドラを削除します unbind(event,listener),unbind(event) > オプションの渡されたパラメータで指定されたイベント ハンドラを、ラッパー セットのすべての要素から削除します。パラメーターが指定されていない場合、すべてのリスナー (つまり、イベント ハンドラー) が要素から削除されます。
トグル リスナー toggle()
toggle(listenerOdd,listenerEven) は、渡された関数をラッパー セットが所有するものとして確立します。 クリック イベントのペアクリック イベントがトリガーされるたびに相互に切り替わる要素のハンドラー。
クリック イベントが発生するたびに、補完リスナーを呼び出します
コードをコピーします
jQuery トグルコマンドの例
>< ;img id="vstar" src="vstar.jpg"/>
要素にカーソルを合わせるマウス ポインター hover(overListener, outListener) は、一致した要素のマウスオーバー イベント ハンドラーとマウスアウト イベント ハンドラーを確立します。これらのハンドラーは、親要素から子要素へのマウス ポインターの移動を無視して、要素によってカバーされる領域に出入りするときにのみトリガーされます
Mouseover イベント
コードをコピー
コードは次のとおりです:
