jQueryの似ているAPI

軽めのjQuery Advent Calendar 2012 に参加させていただきました。
この記事は2日目を担当しています。題名の通り、似ているけど微妙に違う紛らわしいjQueryのAPIをざっとまとめてみました。

項目	比較
サイズ関連	.width(), .heigth() pxを含まない数値だけを返してくれます。(例:400) .css("height"), .css("width") pxを含めた値を返します。(例:"400px")
要素削除関連	.remove() マッチしている要素自身も含めて削除します。 .detach() .remove()同様の削除処理ですが、jQueryの情報を削除後も保持します。 .empty() マッチした要素の"子要素"を全て削除します。
セレクタ関連	":nth-child(n)" 開始番号は1から。親要素と子要素の関係を考慮して、複数の要素にマッチします。 ":eq(n)" 開始番号は0から。親要素の区別なく全体から1つだけの要素をマッチします。
選択対象関連	.children() 子要素を取得します。テキストノードは対象外です。 .contents() 子要素を取得します。テキストノードもコメントノードも対象にします。
選択対象関連	.children("class-name") 1つ下の層である子要素のみ、指定したセレクタの対象になります。 .find("class-name") 子孫要素全てが指定したセレクタの対象になります。

ちなみに自分は業務で.children()と.contents()の違いをちゃんと把握しておらず、おもいっきり嵌ってしまったことがあります。。。