本文實例講述了jQuery位置選擇器用法。分享給大家供大家參考,具體如下:
位置選擇器
jQuery同樣也允許我們利用元素所在位置來獲取所需組件
位置選擇器語法如下:
位置選擇器種類
常用位置選擇器的用法
$("selector:first");
$("selector:last")
$("selector:odd")
$("selector:even")
$("selector:eq(n)")
$("selector:gt(n)")
$("selector:lt(n)")
如操作:
<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程序設計有所幫助。
新聞熱點
疑難解答