jQuery

[jQuery] マウスオーバーイベントを設定する(.mouseover)

投稿日:2017年10月10日 更新日:

jQueryでマウスオーバーイベントを記述するには、.mouseover()を使用します。

サンプルソース

例)マウスオーバーすると文字が変化する

実行サンプル

以下の枠内でマウスオーバーすると文字が変化します。

ここにマウスオーバーしてください。

解説

  • jQueryでマウスアウトイベントを取得したい場合は、.mouseout()を使用します。

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 要素を指定したタグで囲う(.wrap)

要素を指定したタグで囲うには、wrapを使用します。 サンプル 例)ボタンを押すと、要素をbタグで囲う [crayon- ...

[jQuery] 要素をソートする(.sort)

要素をソートするには、.sortを使用します。 サンプルソース 例)ボタンを押すと、リストの中身を昇順でソートする [c ...

[jQuery] keyPressイベントを設定する(.keypress)

jQueryでkeyPressイベントを記述するサンプルです。 サンプルソース 例)キーを押すと、キーコードを表示する ...

[jQuery] 要素の後ろにタグを追加する(.after)

要素の後ろにタグを追加するには、afterを使います。 サンプル 例)ボタンを押すと、要素の後にxyzを追加する [cr ...

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

スポンサーリンク