コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery 入門 - イベント Switching_jquery 用の hover() メソッドのアプリケーションの紹介

JQuery 入門 - イベント Switching_jquery 用の hover() メソッドのアプリケーションの紹介

WBOY
リリース： 2016-05-16 17:42:14
オリジナル
1114 人が閲覧しました

1. JQuery では、イベントの切り替えには hover() と toggle() の 2 つのメソッドがあります。いわゆるスイッチング イベントとは、要素の動作を切り替えるために 2 つ以上のイベントが要素にバインドされていることを意味します。たとえば、ハイパーリンク タグ で、マウスがホバーしているときにイベントをトリガーし、マウスが移動したときに別のイベントをトリガーする必要がある場合、switch イベントを使用することで簡単に実現できます。

2. サンプルコード :

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

;



スイッチイベントホバー




JQuery の概要

JQuery は、2006 年にアメリカ人の John Resig によって作成されたオープンソース プロジェクトです。その主な目的は、より少ないコードでより多くの機能を実現することです




3. レンダリング プレビュー
:

マウスが JQuery の概要に移動すると:

関連ラベル：
hover
ソース：php.cn
前の記事：jQuery detach()実装後にノード内の特定の値を取得 code_jquery 次の記事：jquery zTreeの非同期読み込みの簡単な例sharing_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか? ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しよ...
から 2024-04-06 19:23:03
0
1
411
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
Android 上の React-Native でステータス更新が機能しない スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2...
から 2024-04-06 16:54:10
0
1
410
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート