HTMLのinput rangeのスライダーで数値をjQueryでリアルタイムに取得する
HTMLで実装できる input range の値をリアルタイムに取得する方法です
jQueryで追加した要素に対してクリックイベントが有効な書き方
jQueryで追加したDOM（要素）でクリックイベントが実行できないときの解決方法
jQueryでキーボードの入力と合わせて入力されたキーを取得するあれこれ
jQueryでのキーボードを使ったイベントを取得してあれこれ行う方法です。
javascriptでクリップボードへ直接コピーさせる document.execCommand(‘copy’)
コピペ作業が多いようなチートシートなどを作るときにコピーする作業を省略できれば結構大きな作業短縮になったりします、ということで javascript でクリックだけでコピーできるようにする方法を今回は紹介します。
jQueryで自動で見出しリストとアンカーリンクを作る
今回は、jQueryを使って記事内の見出しタグを自動で抽出して見出しタグのリストを作るコードを作ったので公開してみたいと思います。
QRコードを自動で生成するjQueryプラグイン「jquery.qrcode.js」の使い方
携帯電話やスマートフォン等のカメラ付き端末で、簡単に文字列を読み取ることが出来るQRコードをjQueryのプラグイン「jquery.qrcode.js」を使って表示させる方法です。
jQuery 3.0 での.load .unload .errer の廃止での代用する方法
jQuery 3.0 beta が現在公開されています。そこでjQueryでよく使われる $(window).load() ですが、.load の廃止によりこれまでの使い方では使えなくなります。廃止されるのはこの他に .unload .error も廃止となりますので、別の書き方でこれらを行う必要があります
ページを開いた時に画像をフェードイン・フェードアウトするプラグイン
jQueryを使って、ページを開いた時に複数画像を順にフェードインとフェードアウトをしてからコンテンツを表示するプラグインを作ってみた
jQueryを使ってサイトに表示するメールアドレスを収集BOTから簡易的に守る
WEBサイトにメールアドレスを記載するケースがあります。そのまま記載しても良いのですが、世の中には悪い人も居て悪い人も居てWEBページに存在するメールアドレスを収集して、そのメールアドレスリストからウィルス混在のメールとか迷惑メールとかを送ってきます。
ページを開いた時に画像をフェードイン、フェードアウトで表示してから コンテンツを表示させる
jQueryを使って、ページを開いた時に印象的な画像をフェードインで表示し(ロゴ等)、時間経過でフェードアウトし、WEBページのコンテンツを表示させるテクニック。
jQuery（javascript）を使っている時にエラーや結果を出力してチェックする方法
javascriptやjQueryで書いたコードをブラウザで実行して動作を確認するのですが、PHP等のように文法エラーがあったり、何かしたらエラーがあると エラーがHTML上に出力されてわかりやすいのですが。javascriptやjQueryは実行してエラーがあっても、ブラウザに表示している画面ではエラーの表示は一切ありません。そこでデベロッパーツールにあるコンソールでチェックする方法です
郵便番号を入力すると住所をリアルタイムで補完してくれるjQueryプラグイン「jquery.jpostal.js」
入力フォームでよく見かける、郵便番号を入力すると自動的に郵便番号から住所を割り出して保管してくれるあれです、郵便番号を入力するとリアルタイムに表示してくれるようになっています。また、こちらのプラグインはCDNで配信されているので、郵便番号の変化とかあったらプラグイン側で更新があればそれが使われるので最新の状態を保つことが出来る。
jQueryで入力フォームなどのニックネーム(名前)等をブラウザに記憶させる
jQueryを使って、入力フォームなどで ニックネーム(名前)等の情報をブラウザに記憶させる方法です。例えばブログのコメント入力欄に名前、メールアドレス、webサイト、本文といった形で入力フォームが存在した場合に、毎回名前を入力したり、メールアドレスやwebサイトを入力する手間を減らす補助としてそういった箇所の入力フォームの情報をブラウザに記憶させてやると便利です。
jQueryでinputやtextareaに入力された値を取得する
jQueryを使ってフォームなどに有るinputやtextareaの中身を取得する方法です。例えば、入力された値を即座に取得してリアルタイムに絞り込み機能を実装したり コメント欄等のエリアでcookieやlocalstorageに値を記憶させて次回から自動で名前等の値を挿入するなどに使える。
jQueryでのinputのcheckboxのステータスの確認と変更を行う
jQueryを使ったinput要素でtypeがcheckboxでそのチェックボックスがチェックされているのか、されていないのかを確認する方法と,チェックの状態を変更する方法です。他の要素からcheckboxの値を操作も行えて例えば、全てのチェックボックスをチェックするなどの動作の実装などに利用出来る。
jQueryからajaxでPHPへPOSTして実行する
jQueryを使った、HTML(javascript)からPHPを実行し結果を返す方法です。jQueryでは簡単にPHPへ引数を渡してPHPを実行する事が出来ます。どんな事が出来るようになるかと言うとページ移動をせずに検索結果や絞り込みの表示やコメントの投稿を行うと自動でコメント部分だけ最新の状態に更新したり出来る。
jQueryを使って任意の要素をクリックした時にフォームを送信(投稿・submit)する
HTMLの
あらゆる動画や音楽などの埋め込み対応したjQueryプラグイン jquery-oembed-all
YOUTUBEやDailymotion、Vimeoなどの動画サイトの埋め込みや、flickerやtwitpicなどの画像の埋め込み、SoundCloudなどのオーディオの埋め込み、その他Wordpressやamazon、Wikipediaなどの埋め込みにも幅広く対応したjQueryプラグインです。
CSVファイルをHTMLのtableに変換して表示するjQueryプラグイン jquerycsvtotable の使い方
jQueryプラグインを使ってCSVファイルをHTMLにTABLEで表示することが出来る jquerycsvtotable の紹介。
ページのスクロール位置に合わせて全体の進行状態をプログレスバーで表現するスクリプト
ページのスクロールの進行状態をプログレスバーで表現したスクリプト。jQueryを使って実装することができる。
