KH-WEBLOG TOP > jQuery
jQuery
-
複数条件で要素をリアルタイムに絞り込み:jQuery
jQueryで、HTMLのdata属性に指定した値で要素を絞り込む方法をご紹介します。 DEMO jQueryの記述 HTML・CSSの準備 ポイントは、 まず、inputのname属性でdata-○○の部分と同じ名前を […]
-
複数モーダルウィンドウの中身をjsで出力する:jQuery
モーダルウィンドウをページ内に複数設置する際に、モーダルの中身をHTMLで1つずつ用意するとサイトが重くなったり管理が手間になりますので、共通部分の枠を用意し、個別のテキストや画像はjsから出力する方法をご紹介します。 […]
-
よく使う正規表現の書き方まとめ:jQuery・javascript
フォームのエラーチェック等でよく使うjsの正規表現の書き方をまとめます。 正規表現のサンプル一覧 正規表現パターン 解説 /^[0-9]*$/ 半角数値のみ /^[a-zA-Z]*$/ 半角英字のみ /^[0-9a-zA […]
-
リアルタイムエラーチェック「jQuery-Validation-Engine.js」の使い方とカスタイズ方法
フォームをリアルタイムでチェックしてくれる便利なjQueryプラグイン jQueryValidationEngine の使い方をご紹介します。 jQueryValidationEngineの読み込み まず、プラグインを読 […]
-
scrollify.jsで各セクションごとにスクロールさせる方法:jQuery
デモのように各セクションごとにスクロールさせる方法をご紹介します。 DEMO scrollify.jsの読み込み scrollify.jsはjQueryのプラグインですので、 まずはjQueryとscrollify.js […]
-
ブラウザの戻るボタンクリック後離脱防止のポップアップを表示する方法:jQuery
ブラウザの戻るボタンをクリックされた後に、 離脱防止用のポップアップを表示する方法をメモ HTML、CSS部分 jQuery でOK この方法はURLに#back等のパラメータが付くため、URLを変更したくない場合は微妙 […]