jQuery入門
目次
- jQuery入門
- jQueryのインストール・簡単な使い方
- クイズゲームの作り方
- 秘密の暗号を作ってみよう（たぬき暗号）
- アクションゲームを作ってみよう（ぬりかべ）
- 画像を使ったジグソーパズルを作ってみよう
- もぐらたたきっぽいゲーム
- ドラッグ可能なポップアップウインドウを作ろう
- jQuery UI Sortableで１ラインオセロゲーム
- ブラウザ全体をブロックしてみる
- Geolocation APIを使って都道府県のセレクトボックスを現在地に近い順にソートする
- 発生したイベントの状態を保持・保存する6つのパターン
- Ajaxを利用したシンプルなイメージギャラリーを作ってみる
- テーブルにページ送り（ページング）を実装してみる
- jQuery UI Draggableを使って付箋(sticky)を作ってみる
- カラムでソートできるテーブルを自作してみる
- テーブルを使ったシンプルなドット絵エディタを作ってみる
- iPhoneのようにマウスではじいてスクロール（フリックスクロール）を実装してみる
- テキストフィールドの数値をマウスの上下移動で増減する
- iPhoneのように大きい画像の表示領域をマウスのドラッグで移動してみる
- iPhoneのように画像をダブルクリックした地点を中心に拡大縮小する
- リアルタイムプレビュー付きのHTMLエディタを作ろう
- 保存できる付箋を作ってみる(Cookie、localStorage）
はじめに
jQueryとは？
JavaScriptのライブラリです。JavaScriptはブラウザ上で使える簡便な言語ですが、ブラウザ毎に微妙な差異があり、本質的でない部分でプログラマの頭を悩ませます。jQueryを使うと、ブラウザの種類による処理の分岐など煩雑な部分を吸収してくれるので、プログラマは本質的なロジックを記述するのに専念できるのです。対象
HTMLについてある程度の知識がある人。JavaScriptの知識は有った方が望ましいのですが、無くても大丈夫です、おそらく。動作サンプル
何はともあれ動作サンプルをどうぞ。JavaScriptが有効なら、「うどん」ボタンをクリックすると、文字が拡大縮小されます。jQueryを使えばこのような処理が簡単にできます。
ツイート
そっか0