jQueryのblur()
はフォーカスが外れたらイベントを発動させ、メールフォームのバリデーションなどに使えますね。
逆にフォーカスされた際に発動させたり、動的に追加したフォームにblur()
を効かせる方法なども併せてご紹介します。
jQueryのblur()
はフォーカスが外れたらイベントを発動させ、メールフォームのバリデーションなどに使えますね。
逆にフォーカスされた際に発動させたり、動的に追加したフォームにblur()
を効かせる方法なども併せてご紹介します。
jQueryでマウスを乗せたときにイベントを発生させるhover()
ですが、cssを使った処理や画像の切り替え、動的に生成した要素にhover()
を効かせる方法などをご紹介します。
jQueryでよく使う、マウスをクリックしたらイベントを発動させるclick()
についてです。
動的に追加した要素に対してclick()
を効かせるon()
や、クリックイベントを無効にする方法などもご紹介します。
jQueryを使い始めたばかりの人なんかは、特に$(this)
の扱いがイマイチよく分からないということもあるかと思います。わたくしもそうでした。
$(this)
がどこを指してるのか、また思うような箇所を取得する方法などいろいろなパターンから見ていきます。
jQueryで何気に使っている$(function() {
や$(document).ready()
$(window).load()
などは、読み込みのタイミングに関するイベントです。
決まりごとだからと何も考えずに使っている人も多いかと思いますが、それぞれに意味があり、使わなくてもいい場面もあります。
それらを1つずつ解説していきます。
HTMLのフォーム送信時にjQueryのsubmit()
を使うと、フォームの送信を無効にしてバリデーションしたり、送信前にメッセージを出したりと、さまざまな表現が可能になります。
いろいろなsubmit()
をご紹介します。
jQueryを使うにはまずjQuery本体を読み込まないと始まりません。
ファイルを直接ダウンロードして読み込むことも出来ますが、GoogleなどにホストされているCDNを使って読み込む方法が主流となっています。
その他、読み込み時の注意点などもご紹介します。
jQueryでループ処理を行う際によく使われる each()
の使い方を分かりやすくお伝えします。
通常のHTML要素だけでなく、配列やオブジェクトもjQuery.each()
で処理できます。
ループから抜ける方法も併せてご紹介します。
jQueryでチェックボックスのチェック状態や値の取得、チェックを付けたり外したり、チェック数の制限などさまざまな方法をご紹介します。
通常のイベントでは動かない、jQueryイベントで追加したチェックボックスの操作方法なども併せてお伝えします。
HTMLフォームなどでよく使うname
属性を取得したり、値を追加する方法です。
複数のname
属性を取得したり、部分一致のname
属性を取得する方法も併せてご紹介します。