本文實例講述了jQuery位置選擇器用法。分享給大家供大家參考，具體如下：

位置選擇器

jQuery同樣也允許我們利用元素所在位置來獲取所需組件

位置選擇器語法如下：

位置選擇器種類

常用位置選擇器的用法

如操作：

<script>  $(function(){    //利用:first獲取組件    //$("li:first").css("border" , "3px dotted lightblue");    //$("div:last").css("border" , "3px dotted orange");    //奇數使用:odd ,在jQuery元素的索引是從0開始的,所以在我們生活中出現的第一個元素為"偶數"    //$("p:odd").css("border" , "3px dotted orange");    //偶數使用even    //$("input:even").css("border" , "3px dotted orange");    //利用eq精確獲取指定位置的組件,下標從0開始    //$("a:eq(2)").css("border" , "3px dotted orange");    //利用gt獲取從指定位置之后的所有元素    //$("li:gt(2)").css("border" , "3px dotted orange");    //利用lt獲取指定位置之前的元素    $("p:lt(1)").css("border" , "3px dotted orange");  })</script>

更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。