jQueryの記事一覧 | コーディング・プログラミング・WEB制作ブログ
jQuery
-
複数の要素をランダムに表示する方法：jQuery
jQueryで複数の要素をランダムに表示する方法をご紹介します。 DEMO のようなHTMLがあった場合、この中から3件をランダムに表示したい場合 jQueryのコード で実装可能です。 コードの説明 ここを変更すると表 […]
-
規約を下までスクロールしないとチェックできないチェックボックスの実装：jQuery
規約を下までスクロールしないとチェックできないチェックボックスを実装する必要がありましたのでメモ。 今回はさらにチェックボックスをチェックしないと送信ボタンが押せないような仕様をjQueryで実装します。 DEMO HT […]
-
複数条件で要素をリアルタイムに絞り込み：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を変更したくない場合は微妙 […]
