国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery位置選擇器用法實例分析

2019-11-19 11:15:15
字體:
來源:轉載
供稿:網友

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

位置選擇器

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

位置選擇器語法如下:

  • "$基本選擇器:位置選擇器"

位置選擇器種類

常用位置選擇器的用法

  • 選擇第一個
    • 格式:$("selector:first");
  • 選擇最后一個
    • 格式:$("selector:last")
  • 選擇奇數
    • 格式:$("selector:odd")
  • 偶數行
    • 格式:$("selector:even")
  • 獲取指定位置
    • 格式:$("selector:eq(n)")
  • 大于指定位置
    • 格式:$("selector:gt(n)")
  • 小于指定位置
    • 格式:$("selector:lt(n)")

如操作:

  • 文檔中出現的第一個li
  • 文檔中最后一次出現的div
  • 所有奇數段落
  • 所有偶數個文本框
  • 第三個超鏈接
  • 第三個及之后出現的li
  • 第一個段落
<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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 靖边县| 泰兴市| 盖州市| 东至县| 库车县| 渝北区| 分宜县| 班玛县| 临澧县| 巴里| 开封市| 温泉县| 贵港市| 岐山县| 喀喇沁旗| 菏泽市| 磴口县| 遵化市| 舟曲县| 韩城市| 武平县| 龙陵县| 辽源市| 蚌埠市| 海丰县| 嘉义县| 神池县| 宿迁市| 宣武区| 化隆| 茶陵县| 博兴县| 张家港市| 顺义区| 甘孜县| 建瓯市| 临高县| 故城县| 岢岚县| 泾阳县| 耒阳市|