5509

Site Search

今さら聞けないjQuery実行パターンまとめ

なんとなく使っているだろう.ready()メソッドについて詳細に見てみましょう。

.ready()メソッド

.ready()メソッドという呼び方がパッとしない人もいると思います。こういうのです↓

$(function(){
  // .ready()が呼び出されたときに実行されるハンドラ
});

jQueryを実行する際のおまじないみたいなものですね。これの中にjQueryコードを書いていくとページロード時(Documentの読み込みが完了時)に実行してくれます。

何気なく使ってる人も多いと思いますが、実際のところこれは何?ということで、少し掘り下げてみましょう。

Read more

jQueryのアニメーション関連いろいろまとめ

jQueryのアニメーション関連いろいろまとめ

jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。

Read more

jQselectable(jQuery.selectable.js)とAjaxZip2を併用する

コメントでいただいたので記事にします。AjaxZip2を実行したときに都道府県が補完されますが、都道府県にselectableを適用している場合、補完されても表示が切り替わりません。これの対応方法です。

昨年11月にjQuery.selectable.jsをアップデートしたjQselectableというプラグインをGoogle Codeで公開しました。公開直後にTwitterから広がり、PHPSPOTさんでも紹介されたり、jQselectableは色々な方に見ていただけましたが、肝心のドキュメントがありません。。基本的に使い方はjQuery.selectable.jsと同じで、今回説明するrebuildというメソッドを追加しました。

まずはサンプルをご覧ください。

Read more

gihyo.jpでWeb連載「もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き)」を開始しました

gihyo.jpで「もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き)」という連載をTHE HAM MEDIAのハムさんと共著で始めました。

http://gihyo.jp/design/serial/01/jquery-site-production

記事の対象は主に「jQueryって便利そうだけど、JavaScriptとか難しそう…」というように考えているデザイナーやコーダーの方です。実際jQueryに触り出すと、簡単なスクリプトならどんどん書けるようになっていきます。その1歩を踏み出せるような記事を目指して連載していきますので、使おうか迷っている人はぜひ1歩を踏み出して使ってみてください。

第1回目は「jQueryにふれる」です。

http://gihyo.jp/design/serial/01/jquery-site-production/0001

Author

nori
nori
- Director
Location
- Osaka