jQueryのサンプルやtipsの紹介
jQueryサンプル集
jQueryの詳細はコチラから→jquery.com [英語サイト]
また、jQueryのを利用するには通常上記のサイトより「jquery.js」をダウンロードしてヘッダーに読み込む必要がありますが、私の作成したサンプルではGoogle Libraries APIを利用してjQueryを読み込んでいます。
Google Libraries API（英語サイト）
以下のコードをhtmlファイルのヘッダー部に読み込むことでjQueryを利用できます。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.6");</script>
つぶやく
サンプル一覧
- jQueryで実装、表データの一括選択 〜第三回〜テーブルセルの全選択、列・行の選択と引続き最後はセル単体の選択・解除のサンプルを紹介したいと思います。
詳細はこちら>> - jQueryで実装、表データの一括選択 〜第二回〜表データの選択制御第二回は列と行の制御です。列と行をjQueryを使って一括制御します。
詳細はこちら>> - jQueryで実装、表データの一括選択 〜第一回〜jQueryを利用した表データ制御のサンプル第一回です。
詳細はこちら>> - タブの切替 | よく使うjQuery（画像編）タブ切替のサンプルです。タブに画像を使ったパターンになります。
詳細はこちら>> - 要素をランダムに並び替えるページ読み込み時に要素をランダムに並び替えるサンプルです。
詳細はこちら>> - jQueryで要素の絞り込み選択複数ある要素をタグ（class、id等）ごとに表示・非表示するサンプルです。
詳細はこちら>> - facebookやTwitterライクなメニューの実装cssとjQueryを使って、facebookやTwitterのページ右上にあるサブメニューのサンプルを作成しました。
詳細はこちら>> - スクロールに応じたSNSボタンやプロフィールの表示ページのスクロールによってプロフィール表示やSNSボタンのスライド表示をするサンプルです。
詳細はこちら>> - スクロール量に合わせてボタンを表示するページのスクロールによってボタンの表示・非表示を制御するサンプルです。
詳細はこちら>> - jQueryで文字の入力規制その2正規表現を使った電話番号の入力規制サンプルです。
詳細はこちら>> - jQueryで文字の入力規制その1jQueryとescape、正規表現を使った文字の入力規制のサンプルです。
詳細はこちら>> - jQuery MobileのテンプレートサンプルをPCから見る場合はブラウザ「Safari」で開発→ユーザーエージェント→Safari iOS 4.~ -iPhoneを設定してご確認下さい。
詳細はこちら>> - リンク先ページの指定位置にスクロールで移動別ページへ飛んだ際に指定の箇所までスクロールで移動するサンプルです。
詳細はこちら>> - 5行でできる簡単テキスト選択クリックでテキスト全体を選択するjQueryのサンプルです。
詳細はこちら>> - jQueryでlightbox風の画像表示を自作するjQueryでlightbox風の画像表示を実装するtipsです。
詳細はこちら>> - jQueryでローディング処理 -$.get()編-jQueryの$.get()を使ってxmlファイルの読み込み時のローディングをサンプルを紹介したいと思います。
詳細はこちら>> - jQueryでローディング処理 -load()編-非同期通信（jQueryのload()利用）でhtmlファイルを読み込む際のローディングサンプルの紹介です。
詳細はこちら>> - jQueryでプルダウンメニュー（たった5行で！）5行で実装できるプルダウンメニューのサンプルを作成しました…と言ってもhtmlの構造やCSSの力を大部借りますが。
詳細はこちら>> - Apple風インフォメーションAppleのサイトにある「Hot News Headlines」みないなお知らせ・インフォメーションのサンプルです。
詳細はこちら>> - フォームのユーザビリティを強化「radio」や「checkbox」選択の有無を分かり易くするサンプルです。
詳細はこちら>> - ページ内を自在にスクロールわずか6行で実装できるページ内のスクロール移動です。
詳細はこちら>> - リストの最後(最初)のborderを消すリストタグ<li>にborderを指定した場合に最後（最初）の行だけborderを消す方法。
詳細はこちら>> - 画像一枚でロールオーバーjQueryを使って1枚の画像をロールオーバーっぽく見せる方法の紹介です。
詳細はこちら>> - checkboxによる制御checkboxを使ってselect等のdisabledを制御する方法です。
詳細はこちら>> - 右クリックの制御右クリックイベントで任意の処理を実行する方法です。
詳細はこちら>> - tableのセルをハイライトマウスカーソルが当たっているtableのtdに大してハイライト表示します。
詳細はこちら>> - radioボタン制御radioボタンを使ってselect等のdisabledを制御する方法です。
詳細はこちら>> - タブの切替よくあるタブ切替をjQueryで作成しました。
詳細はこちら>> - フォーム入力例問合せフォームなどでよくある入力例をjQueryベースで作成しました。
- tableの操作tableの行に対してhover設定とtable行の背景色を互い違いにするサンプルです。
- ロールオーバー画像のロールオーバーサンプルです。
