【3/18〜】Amazon、VMwareが語る『クラウドの未来』 スラッシュドット    はてなブックマーク  Yahoo!ブックマークに登録  印刷

連載:
jQuery逆引きリファレンス

山田 祥寛(http://www.wings.msn.to/

セレクタ編 (2009/10/08)

目的 キーワード
id値で要素を特定するには? #id
タグ名で要素を特定するには?  
スタイル・クラスで要素を特定するには? .クラス名
複数のセレクタをまとめて指定するには?  
すべての要素を取得するには? *
ある要素の配下にある要素だけを取得するには? ancestor descendant
ある要素の直下にある要素だけを取得するには? parent > child
指定した要素の次要素を取得するには? previous + next
指定した要素以降の兄弟要素を取得するには? prev ~ next
先頭/末尾の要素だけを取得するには? :first
:last
指定された親要素の先頭/末尾の子要素を取得するには? :first-child
:last-child
偶数/奇数番目の要素だけを取得するには? :even
:odd
指定したインデックス番号(より大きい/未満)の要素を取得するには? :eq(index)
:gt(index)
:lt(index)
指定された要素直下から特定の子要素だけを取得するには? :nth-child
指定したセレクタ以外の要素を取得するには? :not(selector)
配下に特定のテキストを含んだ要素を取得するには? :contains(text)
空要素だけを取得するには? :empty
何らかの子要素を持つ要素を取得するには? :parent
指定した子要素を持つ要素を取得するには? :has(selector)
子要素が1つだけである要素を取得するには? :only-child
属性の値によって取得要素を絞り込むには? [属性名]
複数の属性フィルタを組み合わせるには? [filter][filter]……
フォーム要素やヘッダ要素を取得するには? :input
:headerなど
特定の状態にある要素のみを取得するには? :hidden
:visibleなど

属性&コンテンツ編 (2009/11/13)

目的 キーワード
属性値を取得するには? attr(name)
属性値を設定するには? attr(name, value)
複数の属性値をまとめて設定するには? attr(props)
関数の結果によって動的に属性値を設定するには? attr(name, fnc)
属性値を削除するには? removeAttr(name)
スタイル・クラスを追加/削除するには? addClass(clazz)
removeClass(clazz)
スタイル・クラスが適用されているかを判定するには? hasClass(clazz)
スタイル・クラスの適用/解除を交互に行うには? toggleClass(clazz)
要素に適用されたスタイル情報を取得するには? css(name)
要素に特定のスタイルを適用するには? css(name, value)
複数のスタイル・プロパティをまとめて設定するには? css(props)
要素の表示位置を取得するには? offset()
ページのスクロール位置を取得/設定するには? scrollTop()、scrollLeft()、scrollTop(val)、scrollLeft(val)
要素の高さや幅を取得するには? height()、width()、innerHeight()、innerWidth()、outerHeight()、outerWidth()
要素の高さや幅を設定するには? height(val)、 width(val)
要素のテキストを取得するには? text()、 html()
要素のテキストを設定するには? text(val)、 html(val)
フォーム要素の値を取得/設定するには? val()、 val(val)

トラバーシング編 (2009/12/21)

目的 キーワード
要素セットからn番目の要素を取得するには? eq(index)
要素セットからstart番目〜end番目の要素を取得するには? aslice(start [,end])
要素セットの内容をセレクタ式で絞り込むには? filter(exp)
要素セットからセレクタ式に合致した要素だけを削除するには? not(exp)
要素セットの内容を関数の結果で絞り込むには? filter(fnc)
要素セットに特定条件を含む要素が存在するかを判定するには? is(exp)
要素セットの内容を順番に処理するには? map(func)
要素セットに新たな要素セットを追加するには? add(exp)
要素セットから特定の子孫要素を取り出すには? find()
相対的な位置関係にある要素を取得するには? children([exp])、next([exp])、nextAll([exp])、parent([exp])、parents([exp])、prev([exp])、prevAll([exp])、siblings([exp])
ある要素から最も近い親要素を取得するには? closest([exp])
すべての子要素/テキストを取得するには? contents()
1つ前の要素セットと現在の要素セットを結合するには? andSelf()
1つ前の操作をキャンセルするには? send()

要素の操作編 (2010/02/12)

目的 キーワード
現在の要素セットに対してコンテンツを追加するには? append(c)、prepend(c)、after(c)、before(c)
現在のコンテンツを指定された要素セットに対して追加するには? appendTo(c)、prependTo(c)、insertBefore(c)、insertAfter(c)
カレント要素を指定した要素で囲むには? wrap(html)、wrapAll(html)、wrapInner(html)
カレント要素を指定された要素で置き換えるには? replaceWith(c)
カレント要素で指定された要素を置き換えるには? replaceAll(exp)
要素セット配下の子要素をまとめて削除するには? empty()
要素セットの内容をまとめて削除するには? remove([exp])
現在の要素セットをコピーするには? clone([flag])

ユーティリティ編 (2010/02/12)

目的 キーワード
ブラウザの互換性にかかわる諸情報を取得するには? $.support[1.3]
配列やオブジェクトの内容を繰り返し処理するには? $.each(obj, fnc)
配列の内容を順に処理し、その結果で新しい配列を生成するには? $.map(ary, fnc)
既存のオブジェクトを拡張するには? $.extend(target, obj [,……])
配列の内容を特定の条件でフィルタするには? $.grep(ary, fnc [,invert])
ある要素が配列内に存在するかを検査するには? $.inArray(val, ary)
配列から重複している要素を除去するには? $.unique(ary)
変数が配列であるかどうかを判定するには? $.isArray(obj)[1.3]
変数が関数であるかどうかを判定するには? $.isFunction(obj)
文字列の前後から空白文字を除去するには? $.trim(str)

コア編 (2010/03/12)

目的 キーワード
セレクタ式で特定の要素セットを取得するには? $(exp [,context])
HTML文字列からjQueryオブジェクトを生成するには? $(html)
標準のDOM ElementオブジェクトをjQueryオブジェクトに変換するには? $(elem)
ドキュメント・ツリーが用意されたタイミングで処理を実行するには? $(fnc)
要素セットの内容を順に処理するには? each(fnc)
要素セットに含まれる要素の数を取得するには? size()/length
要素セットの中のインデックス番号を取得するには? index(elem)
要素セットから特定の要素を取得するには? eq(index)
要素セットから標準の要素オブジェクトを取得するには? get([index])
jQueryオブジェクトを拡張するには?(1) $.extend(obj)
jQueryオブジェクトを拡張するには?(2) $.fn.extend(obj)
jQueryとほかのライブラリを共存させるには? noConflict([flag])
 

ホワイトペーパーTechTargetジャパン

Insider.NET フォーラム 新着記事

@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

RSSフィード

スキルアップ/キャリアアップ(JOB@IT)

- PR -
- PR -

お勧め求人情報

キャリアアップ 〜JOB@IT
@IT Special -PR-
  TomcatやJBossなどAPサーバ環境に関する
情報を集約! “業務”用APサーバ大百科

New!
  一気に解説! 最新のクラスタストレージ
「RAIDを超えたストレージ基準」……など

New!
  クラウド的ユーザー体験の変化は脅威か?
仮想化技術を使いこなす運用管理術を紹介

New!

  上司や部下、部署内メンバーとの情報共有
を“ガラッ”と変えるコラボツールとは?

New!
  おばかアプリ選手権、第4弾開催中!!
ムダにカッコよくてくだらない作品求ム!

  社内ファイルサーバを“クラウド”に統合
VPN直結「クラウド型ストレージ」を紹介

  Twitterのアカウントはなぜ突破された?
メールによる新手の攻撃手法とその対策

  もう仮想化のお試しフェイズは終わりだ!
Hyper-V 2.0が基幹システムも仮想化

  美人!? まあまあ? 気になる いやし系!!
PV急増で「美人時計」がとった手段とは?

  クライアント企業から求められる人材
⇒IT技術と経営戦略を併せ持つ「戦略家」

  .NET編集長が実践する「技術情報検索術」
サンプル・コードを簡単に探す“技”は?

  業務効率と情報セキュリティ対策を両立!
手間なく確実に機密情報を守る方法とは?

  進化を続ける富士通ストレージETERNUS DX
製品開発者の自信を裏付けるものとは何か

  運用管理の課題を“2つの観点”から分析
ユーザー満足度の高い「仮想環境」とは?

  【CTC事例】約30の基幹システムを統合!
膨大なバッジジョブを制御した方法は?

  仮想化すればコストは削減できるか?
仮想化に必要な「3つの視点」を解説する

  その数、なんと400台以上! グループ内
サーバの「統合管理」によるメリットは?