Home > 開発ツール・技術 > jQueryのセレクタを徹底マスターするのに最適！『jQuery Selectors』

• Newer
• Older

jQueryのセレクタを徹底マスターするのに最適！『jQuery Selectors』

• 2008-11-17 (Mon) 21:24
• 開発ツール・技術
• 
• 
• 

jQueryをマスターするにはまずはセレクターですよね。そこでセレクターの基礎から応用までをインタラクティブに学べるツールをご紹介。

jQuery Selectorsを使えばどんなコードを書けばページ内の任意のパーツを選択できるかが一発でわかりますよ。

↑ 左側コードの横の「toggle」をクリックすれば右側のページで該当部分がハイライトされます。

↑ 例えばこのコードだとこんな感じ。

↑ 自分でセレクターを書いてテストすることも可能。

セレクタの記法がどうも慣れなくて・・・という方は是非どうぞ。ちなみにIEはサポートされていないようなのでFirefoxあたりでどうぞ。

» Selectors

■ 関連記事

• jQueryを使ってファイルツリーを表示できる『jQuery File Tree』 | IDEA*IDEA
• jQueryでバーチャルキーボードを実現するチュートリアル | IDEA*IDEA
• jQueryでさまざまな角丸っぽい効果を実現するプラグイン『jQuery Corner』 | IDEA*IDEA

Twitterもやっています！

• Newer: Twitterでの発言をGoogleカレンダー上に表示させることができる『twistory』
• Older: Firefoxのブックマークを右クリックから「コピー」できた件

Posted on November 17th, 2008

Comments:0

Comment Form

Name (required)

Mail address (will not be published) (required)

URI

Remember personal info

Yes No

CommentYou can use some HTML tags for decorating.

Add Your Comment

Trackbacks:1

Trackback URL for this entry

http://www.ideaxidea.com/archives/2008/11/jqueryjquery_selectors_1.html/trackback

Listed below are links to weblogs that reference

jQueryのセレクタを徹底マスターするのに最適！『jQuery Selectors』 from IDEA*IDEA ～ 百式管理人のライフハックブログ

pingback from jQueryを勉強しようvol.2「jQueryのセレクタと記述方式」 | ideacloud blog - 名古屋で働くWEB&グラフィックデザイナーのブログ 10-02-16 (Tue) 21:03

[...] セレクタに関する役立ちそうなエントリー jQuery を高速に使う CSS セレクタの書き方 – てっく煮ブログ jQueryのセレクタ 基本 – ［JavaScript］All About jQueryのセレクタを徹底マスターするのに最適！『jQuery Selectors』 – IDEA*I… [...]

Home > 開発ツール・技術 > jQueryのセレクタを徹底マスターするのに最適！『jQuery Selectors』

ブログ内検索

Search IDEA*IDEA ～ 百式管理人のライフハックブログ

百式ジョブボード

TwitterCounter

最近のつぶやき

follow me on Twitter

Powered by…

『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.IDの「Webサービス図鑑」を応援中です！

管理人の著書

人気の商品

楽ワード

モバイル版

最近の投稿

• なにかと便利なphpinfo.phpを、.htaccessを使って自分だけにしか見られないようにする方法
• 『このイベントでUstream中継やってんのかな？』というときの検索作法
• 【書評】 現場の知恵がぎっしり詰まった『iPhoneとツイッターで会社は儲かる』！
• 成毛さんのお誘いが大胆すぎる・・・
• 「その科学が成功を決める」を読んですぐに身についた2つの習慣
• 白い卵と茶色い卵の違いは何か？
• ツイッター100億ツイートまでの軌跡がよくわかるインフォグラフィック
• 段ボールがレコードプレイヤーに変形するDMがすごい
• Google日本語入力で「MS-IMEユーザー辞書からインポート」が可能になっていた件
• 世界のおもしろトイレいろいろ・・・

カテゴリー別

• ACTION*PAD関連 (8)
• Apple関連 (37)
• CakePHP関連 (52)
• Firefox関連 (34)
• FOMA F-01Bレビュー (20)
• FOMA F-02Bレビュー (9)
• FOMA F-03Aレビュー (10)
• FOMA F-03Bレビュー (14)
• FOMA F-08Aレビュー (12)
• FOMA F-09Aレビュー (13)
• Google関連 (92)
• GTD関連 (13)
• IDEA*PAD関連 (4)
• iPhone関連 (21)
• jQuery関連 (40)
• PR記事 (9)
• Twitter関連 (100)
• WordPress関連 (31)
• おもしろネタ (922)
• おもしろ動画 (350)
• その他 (227)
• その他 (140)
• アート・デザイン (3)
• イベント情報 (84)
• ガジェット (42)
• クリエイティブな広告 (31)
• ゲーム (34)
• シャングリラ・ダイエット (10)
• マーケティング (94)
• ライフハック (565)
• レストラン・カフェ (44)
• 便利ツール (232)
• 個人的ないろいろ (80)
• 旅行記 (21)
• 映画 (13)
• 書評 (100)
• 未分類 (3)
• 東京ブック (197)
• 百式ジョブボード (38)
• 自炊生活 (46)
• 開発ツール・技術 (207)

過去記事一覧

• March 2010 (102)
• February 2010 (112)
• January 2010 (135)
• December 2009 (140)
• November 2009 (114)
• October 2009 (97)
• September 2009 (101)
• August 2009 (106)
• July 2009 (120)
• June 2009 (157)
• May 2009 (123)
• April 2009 (124)
• March 2009 (123)
• February 2009 (136)
• January 2009 (138)
• December 2008 (101)
• November 2008 (106)
• October 2008 (164)
• September 2008 (120)
• August 2008 (91)
• July 2008 (117)
• June 2008 (100)
• May 2008 (109)
• April 2008 (105)
• March 2008 (113)
• February 2008 (93)
• January 2008 (96)
• December 2007 (69)
• November 2007 (68)
• October 2007 (43)
• September 2007 (5)
• August 2007 (20)
• July 2007 (30)
• June 2007 (28)
• May 2007 (7)
• April 2007 (11)
• March 2007 (32)
• February 2007 (29)
• January 2007 (14)
• December 2006 (31)
• November 2006 (26)
• October 2006 (25)
• September 2006 (40)
• August 2006 (32)
• July 2006 (21)
• June 2006 (16)
• May 2006 (16)
• April 2006 (20)
• March 2006 (14)
• February 2006 (11)
• January 2006 (11)
• December 2005 (9)
• November 2005 (18)
• October 2005 (12)
• September 2005 (17)
• August 2005 (16)
• July 2005 (18)
• June 2005 (12)
• May 2005 (16)