jQuery選擇器(一)

      網友投稿 708 2025-04-01

      jQuery選擇器


      在CSS中,選擇器的作業是選擇頁面中的某些HTML元素或者某一個HTML元素。jQuery中的選擇器使用“$",其方式更全面,而且不存在瀏覽器的兼容問題。

      jQuery選擇器允許通過標簽名,屬性名或內容對HTML元素進行選擇或者修改HTML元素的樣式屬性。jQuery的選擇器很多,可以分為基本選擇器、層次選擇器、過濾選擇器和屬性選擇器。

      jQuery選擇器(一)

      基本選擇器

      基本選擇器主要包括元素選擇器、ID選擇器、類選擇器以及并列選擇器等,選擇方法與CSS選擇器的方法相同。

      1.元素選擇器

      元素選擇器可以選中HTML文檔中所有的某個元素。如$(“p”)可以表示選中本網頁中所有的p元素,又如$("input")表示選中本網頁中所有的input元素。

      2.ID選擇器

      ID選擇器可以根據指定ID值返回一個唯一的元素。例1中定義一個ID為“myId”的

      Hello

      ,單擊該ID標記內的文字時,把其中的文字內容由“Hello”改為“World”,使用ID選擇器選中該

      元素的方法是$(“#my”)。

      【例1】

      jQuery

      • 足球
      • 羽毛球
      • 籃球

      圖3 祖先后代選擇器

      圖4 改變列表顯示樣式

      2.父子選擇器

      在HTML中,元素之間存在包含關系。在例3中

      元素的子元素是
        元素,
          元素的子元素是
        • 元素,而
          元素的父元素是元素。父子選擇器的父元素和子元素之間使用符號“>”隔開,前后元素的嵌套關系只能是一層。例如, $("div>ul") 指選擇div元素內直接嵌套的ul元素。

          例4中利用父子選擇器以及jQuery中的CSS()方法,完成與上例相同的程序代碼的功能。

          【例4】

          jQuery父子選擇器

          • 足球
          • 羽毛球
          • 籃球

          3.前后選擇器

          前后選擇器可以選擇某元素的下一個同級兄弟元素,前后選擇器對兩個同級別的元素起作用,前后元素中間使用“+”分隔,選擇在某元素后面的next元素,相當于next()方法。例如,$("#my+img")是選擇id為my的元素后的第一個同級別img元素,相當于$("#my"). next("img")。

          例5是一個驗證用戶輸入數據是否為空的頁面,如果為空,則給出相應的錯誤提示,在瀏覽器中的運行結果如圖所示。

          【例5】

          jQuery前后選擇器

          亚洲成a人片77777老司机| 亚洲日本一区二区一本一道| 亚洲精品制服丝袜四区| 亚洲成av人片不卡无码久久| 亚洲码和欧洲码一码二码三码 | 亚洲一区在线视频| 久久精品国产亚洲AV无码娇色| 国产亚洲精品xxx| 亚洲AV无码专区电影在线观看| 亚洲va久久久噜噜噜久久| 亚洲av无码精品网站| 亚洲av无码乱码国产精品| 久久久亚洲精品无码| 亚洲视频2020| 亚洲日韩中文字幕天堂不卡| 久久久亚洲欧洲日产国码是AV| 综合自拍亚洲综合图不卡区| 亚洲欧洲国产综合| 亚洲免费黄色网址| 亚洲日韩精品无码专区加勒比| 亚洲国产精品99久久久久久| 精品亚洲成a人在线观看| 亚洲国产成人AV在线播放| 一本色道久久88综合亚洲精品高清 | 亚洲熟女少妇一区二区| 亚洲精品国产品国语在线| 亚洲av午夜成人片精品网站| 91亚洲国产成人久久精品网站| 亚洲欧洲日产国码www| 麻豆狠色伊人亚洲综合网站| 亚洲爆乳无码专区www| 国产一区二区三区亚洲综合| 亚洲欧洲中文日韩久久AV乱码| 中文亚洲AV片在线观看不卡 | 亚洲熟妇中文字幕五十中出| 亚洲成人精品久久| 亚洲日本香蕉视频| 亚洲高清国产拍精品熟女| 亚洲av无码不卡私人影院| 中文字幕精品亚洲无线码一区| 亚洲av丰满熟妇在线播放 |
        • <strike id="iuo2w"></strike>
          <kbd id="iuo2w"></kbd>
            • <samp id="iuo2w"><tbody id="iuo2w"></tbody></samp>