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