jQuery リファレンスからメモ

2008年5月29日

jQueryと仲良くなってみる (その1)。

自分向けメモ。即効使えて便利そうなの。

奇数/偶数

:odd

奇数

:even

偶数

例) テーブルの色を交互に (偶数の <tr> に class="even" 追加)。

$(function(){ $("table tr:even").addClass("even"); });

後/前に追加

after()

後

before()

前

• after()とappend()とappendTo()。
• before()とprepend()とprependTo()。

親/子要素

parents()

親要素

children()

子要素

例)

$(function(){ $("div.menu h3").after('<p class="switch"><a href="javascript:void(0)">+</p>'); $("div.menu p.switch a").click(function() { var swtichText = ($(this).text() == "+") ? "-" : "+"; $(this).text(swtichText); $(this).toggleClass("close"); $(this).parents("div.menu").children("ul.list").toggle(); return false; }); });