Archive for the ‘jQuery’ Category

2011年04月27日に投稿

[jQuery]n番目の要素にアクセスする

JavascriptからHTMLの◯番目の◯◯タグにアクセスしたいときがあります。jQueryを使ってn番目の要素にアクセスするサンプルです。eqメソッドとeqフィルタを使用した例です。

続きを読む

2011年04月19日に投稿

[jQuery]cookieの扱いを簡単にするプラグイン「jquery.cookie.js」

jquery.cookie.jsを使うとcookieを簡単に扱うことができるようになります。

続きを読む

2011年04月16日に投稿

[jQuery] post メソッドと ajax メソッドを使って POST 送信を行うサンプル

jQuery で POST 送信をすることができるメソッドに ajax と post があります。その2つのメソッドを用いた簡単なサンプルコードです。それぞれpost.php に POST 送信を行い、レスポンスをアラートで表示します。

続きを読む

2010年12月06日に投稿

[jQuery]良いUIを実現するためのjQueryチュートリアル40個

jQueryやPHPを使用して良いユーザーインターフェースを作るためのチュートリアルを集めた記事です。

40 Useful jQuery Techniques And Tutorials For Great User Interface

に投稿

[jQuery]小さなパネル画像を組み合わせた画像ギャラリー

jQueryを使用して、まるでパズルのようなエフェクトをかける画像ギャラリーです。

Merging Image Boxes with jQuery | Codrops

2010年05月31日に投稿

jQueryを学ぶためのリンク集

1. 概要の理解
jQueryを一切知らない場合はまずは概要の理解から始めます。

ノンプログラマーのためのjQuery入門
http://www.slideshare.net/hayatomizuno/jquery-7665168

はじめてのjQuery
http://higashizm.sakura.ne.jp/jquery_first/

2. 基本的な使い方を理解する
サンプルを見ながら具体的なコードを作成し理解を深めます。

40分で覚えるjQuery速修講座
http://ascii.jp/elem/000/000/498/498710/

jQuery基礎文法最速マスター
http://blog.webcreativepark.net/2010/02/02-111519.html

jQueryサンプル集
http://www.designwalker.com/2008/04/jquery.html

[JS]jQueryのプラグイン33+1選 -2010年3・4月
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2010-mar.html

3. リファレンスを参照する
jQueryの使い方や文法をある程度理解したら、メソッドに渡す引数や挙動を調べながらコーディングを進めます。

jQuery日本語リファレンス
http://semooh.jp/jquery/

jQuery逆引きリファレンス
http://www.atmarkit.co.jp/fdotnet/jqueryref/index/index.html

4. 深く知る
さらに精進したい場合はJavascript自体の仕様を調べたり、jQueryのソースコードを参照して理解を深めます。
オリジナルのプラグインを開発することもできます。

jquery.jsを読み解く
http://gihyo.jp/dev/feature/01/jquery

jQueryを使い始めたときに感じる13の疑問
http://tech.kayac.com/archive/jquery-first-questions.html