日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后，達(dá)者為師

網(wǎng)站首頁 編程語言 正文

jQuery選擇器用法介紹_jquery

作者：.NET開發(fā)菜鳥 ? 更新時(shí)間： 2022-05-14 編程語言

jQuery選擇器類似于CSS選擇器，用來選取網(wǎng)頁中的元素。例如：

$("h3").css("background-color","red");

說明：

  • 獲取并設(shè)置網(wǎng)頁中所有

    元素的背景色。

  • “h3”為選擇器語法，必須放在$()中。
  • $("h3")返回jQuery對象。

一、jQuery選擇器

jQuery選擇器功能強(qiáng)大，種類也很多，分類如下：

1、類CSS選擇器

  • 基本選擇器
  • 層次選擇器
  • 屬性選擇器

2、過濾選擇器

  • 基本過濾選擇器
  • 可見性過濾選擇器

3、表單選擇器

4、內(nèi)容過濾器

二、基本選擇器

基本選擇器語法如下圖所示：

示例：




    
    
    
    jQuery基本選擇器示例
    
    
    


    
    

         id為box的div
         
class為title的h2標(biāo)簽

         
class為title的h3標(biāo)簽

         
熱門排行

         

             
斗地主

             
斗地主

             
休閑游戲

             
QQ斗地主是國內(nèi)同時(shí)在線人數(shù)最多的棋牌游戲......

效果：

三、層次選擇器

層次選擇器通過DOM元素之間的層次關(guān)系來獲取元素，語法如下：

請看下面的示例

需求說明：點(diǎn)擊標(biāo)題，使用層次選擇器選擇不同的元素使得其背景色為藍(lán)色，如下圖所示：

代碼：




    
    
    
    層次選擇器演示示例

效果：

四、屬性選擇器

屬性選擇器通過HTML元素的屬性來選擇元素。語法如下：

示例：




    
    
    
    屬性選擇器演示示例
    
    
    
    
    
    
    


    

        
動(dòng)畫列表

        
    
            
  • 名偵探柯南
    • 
            
  • 火影忍者
    • 
            
  • 死神
    • 
            
  • 妖精的尾巴
    • 
            
  • 銀魂
    • 
            
  • 黑貓警長
    • 
            
  • 仙履奇緣
    •

效果：

五、過濾選擇器

過濾選擇器通過特定的過濾規(guī)則來刷選元素。

語法特點(diǎn)是使用“：”，例如：

$("li:first")

表示選取第一個(gè)li元素。

1、基本過濾選擇器

基本過濾選擇器可以選擇第一個(gè)元素、最后一個(gè)元素、索引為奇數(shù)或偶數(shù)的元素，語法如下：

基本過濾選擇器還可以根據(jù)索引的值選取元素

基本過濾選擇器還支持一些特殊的選擇方式

示例：




    
    
    
    基本過濾選擇器
    
    
    
    
    


    
網(wǎng)絡(luò)小說

    
    
        
  • 王妃不好當(dāng)
    • 
        
  • 致命交易
    • 
        
  • 珈藍(lán)寺
    • 
        
  • 逆天至寵
    • 
        
  • 交錯(cuò)時(shí)光的愛戀
    • 
        
  • 張震講鬼故事
    • 
        
  • 第一次親密接觸
    •

結(jié)果：

2、可見性過濾選擇器

可見性過濾選擇器可以通過元素的顯示狀態(tài)來選取元素，語法如下：

例如：

示例：




    
    
    
    可見性元素選擇器演示示例
     
      
      
      
      


     
     
     
嗨，您好!

效果：

點(diǎn)擊顯示：

點(diǎn)擊隱藏：

3、內(nèi)容過濾器

內(nèi)容過濾器根據(jù)內(nèi)容來選取元素，語法如下：

示例：




    
    
    
    內(nèi)容過濾器演示示例
    
    
    
    
    


    

        
            

                序號(hào)
                訂單號(hào)
                商品名稱
                價(jià)格(元)
            

        
        
            

                1
                10035900
                Nike透氣減震運(yùn)動(dòng)鞋
                231.00
            

            

                2
                10036114
                天美太陽傘
                51.00
            

            

                3
                10035110
                萬圣節(jié)兒童蜘蛛俠裝
                31.00
            

            

                4
                10035120
                匹克籃球運(yùn)動(dòng)鞋
                231.00
            

            

                5
                10032900
                jQuery權(quán)威指南

效果：

六、表單選擇器

表單選擇器根據(jù)不同類型的表單元素進(jìn)行選取，語法如下：

示例：




    
    
    
    表單選擇器演示示例
      
      
      
      


    

        注冊表單
        

           
           

               賬號(hào)：
           

           

               密碼：
            

            

                確認(rèn)密碼：
            

            

                昵稱：
            

            

                性別:
                
                
            

            

                愛好:
                
                
                
                
            

            

                省份：

效果：

七、補(bǔ)充

1、特殊符號(hào)的轉(zhuǎn)義

2、選擇器中的空格

原文鏈接：https://www.cnblogs.com/dotnet261010/p/9721296.html

欄目分類
最近更新