JQuery的 basic selector有五個，

all selector ("*")

$("*")可以選擇所有的 elements，

class selector (".classname")

$(".classname")可以選取所有套用指定 class類別的 elements。

<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>

$( '.myClass' ).css( 'border', '3px solid #ff0000' );

id selector ("#idname")

$("#idname") 可選取指定id的 element。

<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv"><p>id="myDiv"</p></div>

$('#myDiv').css('border', '3px solid #ff0000');

element selector ("tagname")

$("tagname")可以選擇指定tag的所有elements。

multiple selector ("selector1, selector2, selectorN")

$(".myClass, div, #myId")可以一次選擇多個不同種類的selector。

練習的例子都是看這裡。