?
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>位置選擇器</title><script src="js/jquery.js"></script><script type="text/javascript">$(function(){//獲取第一個li$("li:first").css("border","2px dotted red");//獲取最后一個出現的DIV$("div:last").css("border","2px dotted black");//奇數 odd 段落，在jQuery中所有的元素從0開始$("p:odd").css("border","2px dotted blue");//偶數 even 輸入框$("input[type='text']:even").css("border","2px dotted orange");//第三個超鏈接 使用eq精確指定組建下標位置$("a:eq(2)").css("border","2px dotted lightblue");//獲取第三個之后的超鏈接 使用gt獲取指定位置之后的所有元素$("a:gt(2)").css("border","3px dotted red");//利用lt獲取指定位置之前的元素$("p:lt(1)").css("border","4px soild red");})</script></head><body><div><ul><li>li111111</li><li>li2222222</li><li>li33333</li></ul></div><div><p>p1</p><p>p2</p><p>p3</p><p>p4</p><p>p5</p></div><div>姓名<input type="text" /><br>姓名1<input type="text" /><br>姓名2<input type="text" /><br>姓名3<input type="text" /><br>姓名4<input type="text" /><br>姓名5<input type="text" /><br></div><div><a href="#">href1</a><a href="#">href2</a><a href="#">href3</a><a href="#">href4</a><a href="#">href5</a></div></body> </html>
?
