CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
4月26日にApple Storeで無料のjQueryセミナーを行います
4月26日にApple Storeで無料のjQueryセミナーを行います 4月26日にサイバーガーデンbiz主催でApple Storeで無料の『Web制作の現場で使う jQueryデザイン入門』出版記念のjQueryセミナーを行います。 [詳細] 2010年4月26日（月）19:00〜20:30(開場・受付開始は18:30)で事前申し込み等、必要ありませんのでお気軽にお立ち寄りください。（椅子席は96名で先着順になりますので、席に座りたい方はお早めにお越しください。） jQueryってどんな感じ？どんなことが出来るの？というのを短時間で理解できる構成になっております。 jQueryに興味がある方、書籍のご購入を検討されている方、書籍を買ったがまだ手を付けられていない方などは、ぜひ参加をご検討ください。 セミナー終了後には懇親会(4,000円（飲食代実費）が必要、懇親会だけのご参加も可)も
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
第3回 アコーディオンパネルの実装 | gihyo.jp
jQueryを利用してナビゲーションを実装する 第3回・4回はナビゲーションの実装について説明していきます。今回はアコーディオンパネルと呼ばれるナビゲーションに注目して、プラグインを使わずに作成してみましょう。 本連載では、タイトル部分をクリックやホバーなどのトリガーによって、その下の閉じられていた要素(弟要素)をスライドアニメーションなどで開くようなものをアコーディオンパネルとします。 今回の記事で使うメソッドの紹介と簡単な説明 本題に入る前に、まずはアコーディオンパネルを実装するにあたって必要になるメソッドを紹介しておきます。メソッドとは$(セレクタ)で得られたjQueryオブジェクト(要素)に対して、$().method()のように実行する「method()」の部分を指します。以下method()やmethodメソッドなどと表記していますが、同じ意味です。 click() click
jQueryを使い要素の出てくる順に番号をつける方法（forの代わりにeach()を使う繰り返し）
今回、「jQuery Sequential List - Web Designer Wall」をみて、 eachがforと同じ動きをしているのを知った。 関数の中で数字の加算をしたら繰り返しのたびに増える… まさにforの動きなのですが、なぜかこの発想、自分の中になくて なんでこんなことに気づかなかったんだ～って なぜかショックを受けております。 ということで、いつものように試しにメモエントリーしておきます。 今回の簡単仕組み説明 今回使おうとしているのは、jQueryのeach これはよく使うのですが、これがforのかわりになるなんて なぜか思いつかなかった自分…(汗) 発想とかって、やっぱり必要なんだなって実感しております。 ulのliに適応させてみる まずはシンプルにリストに適応させてみます。 ■スクリプト $("#testList li").each(function (i) {
ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
ASCII.jp：サンプルで学ぶjQuery：(X)HTML/CSSを操作する｜Web制作の現場で使えるjQuery UIデザイン入門
今回は、jQueryを利用して(X)HTMLとCSSを操作する方法について解説します。(X)HTMLとCSSの操作は、jQueryを利用したプログラミングでは非常によく登場しますので、しっかり押さえておきましょう。 前回までのおさらいと今回の内容 jQueryを利用したプログラムは、 どの(X)HTMLの要素を操作するかを指定するセレクター 処理の内容（命令） の2つが基本です。前回・前々回ではこのうち、1．のセレクターの使い方について解説しました。今回は、セレクターで指定した要素を操作する、2．の命令について紹介します。jQueryでは、$("...") の内側にセレクターを書き、その後ろに .(ドット) でjQueryの命令を記述するという約束でしたので、 .（ドット）の後ろに来る部分ですね。 実務で使うjQueryのプログラムでは、このほかに、命令が実行されるタイミング（「イベント」
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
