jQuery

jQueryのblur()でフォーカスが外れたら発動

jQueryのblur()はフォーカスが外れたらイベントを発動させ、メールフォームのバリデーションなどに使えますね。

逆にフォーカスされた際に発動させたり、動的に追加したフォームにblur()を効かせる方法なども併せてご紹介します。

続きを読む

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でチェックボックスを操作するさまざまな方法

jQueryでチェックボックスのチェック状態や値の取得、チェックを付けたり外したり、チェック数の制限などさまざまな方法をご紹介します。

通常のイベントでは動かない、jQueryイベントで追加したチェックボックスの操作方法なども併せてお伝えします。

続きを読む