jQuery セレクタ＆トラバース動作サンプル

下記セレクトメニューを選ぶとセレクタで該当した要素に背景色（.css({background: 'yellowgreen'})）がつきます。(ちなみにここはpタグ)

p の中に select
$("body") $("#id1") $(".class1") $(".class1 .class2") $(".class3, .class4") $(".class5", "#id1") $(".class6.class7") $("a[href]") $("a[href = '#pagetop']") $("a[href != '#pagetop']") $("a[href ^= '#link']") $("a[href $= 'bottom']") $("a[href *= 'page']") $("ul li:first") $("ul li:first-child") $("ul li:last") $("ul li:last-child") $('li:not(".class6")') $("#id1").find(".class7") $("ul").children(".class6") $("li.class6").parent() $("li.class6").parent("#id1") $("li.class6").next() $("li.class6").next(".class7") $("li.class7").prev() $("li.class7").prev(".class6") $("a[href ^= '#link']").closest("li") $("li").slice("3,12") $("li").find("a").css({color: 'white'}).end() $("li").not("li.class6") $("a[href *= 'middle']").first() $("a[href *= 'middle']").last() $("p").siblings() $("p").siblings("p")

p class=class1span class=class2 a href=#pagetop