站長資訊網
        最全最豐富的資訊網站

        jquery中選擇器分為哪三種

        jquery的三種選擇器:1、基本選擇器,由元素ID、元素名、類名、多個選擇符組成;2、層次選擇器,通過DOM元素間的層次關系獲取元素;3、過濾選擇器,按照過濾規則的不同,該選擇器還可分為簡單過濾、內容過濾、可見過濾、屬性過濾、表單過濾等。

        jquery中選擇器分為哪三種

        本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

        1、基本選擇器

        它由元素ID、元素名、多個選擇符組成,通過基本選擇器可以實現大多數頁面元素的查找

        選擇器 功能描述
        #id 根據給定的ID匹配一個元素
        element 根據給定的元素名匹配所有元素
        .class 根據給定的類匹配元素
        * 匹配所有元素
        selector1,selectorN 將每一個選擇器匹配到元素合并后一起返回

        2、層次選擇器

        層次選擇器通過DOM元素間的層次關系獲取元素,其主要的層次關系包括后代、父子、相鄰、兄弟關系,通過其中某類關系可以方便快捷地定位元素。

        選擇器 功能描述
        ancestor descendant 根據祖先元素匹配所有的后代元素
        parent>child 根據父元素匹配所有的子元素
        prev +next 匹配所有緊接在prev元素后的相鄰元素
        pre~siblings 匹配pre元素之后的所有兄弟元素

        3、過濾選擇器

        過濾?肯定是要添加過濾條件的。通過“:”添加過濾條件,比如“$(“div:first”)”返回div元素集合的第一個div元素,first是過濾條件。
        按照不同的過濾規則,過濾選擇器中又可分為:簡單過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單對象屬性過濾選擇器等。

        1)簡單過濾選擇器

        過濾選擇器根據某類過濾規則進行元素的匹配,書寫時都以冒號(:)開頭;簡單過濾選擇器是過濾選擇器中過濾選擇中使用最廣泛的一種

        選擇器 功能描述
        first()或 :first 獲取第一個元素
        last()或 :last 獲取最后一個元素
        :not(selector) 獲取除給定選擇器外的所有元素
        :even 獲取所有索引值為偶數的元素,索引號從0開始
        :odd 獲取所有索引值為奇數的元素,索引號從0開始
        :eq(index) 獲取指定索引值的元素,索引號從0開始
        :gt(index) 獲取所有大于給定索引值的元素,索引號從0開始
        :lt(index) 獲取所有小于給定索引值的元素,索引號從0開始
        :header 獲取所有標題類型的元素,如h1、h2… 元素集合
        :animated 獲取正在執行動畫效果的元素

        2)內容過濾選擇器

        內容過濾選擇器根據元素中的文字內容或所包含的子元素特征獲取元素,其文字內容可以絕對模糊或絕對匹配進行元素定位

        選擇器 功能描述
        :contains(text) 獲取包含給定文本的元素
        :empty 獲取所有不包含子元素或者文本的空元素
        :has(selector) 獲取含有選擇器所匹配的元素
        :parent 獲取含有子元素或者文本的元素

        3)可見性過濾器

        可見性過濾選擇器根據元素是否可見的特征獲取元素

        選擇器 功能描述
        :hidden 獲取所有不可見元素,或者type為hidden的元素
        :visble 獲取所有的可見元素

        4)屬性過濾器

        屬性過濾器根據元素的某個屬性獲取元素,如ID號或匹配屬性值的內容,并以“[”號開始、一"]"號結束

        選擇器 功能描述
        [attribute] 獲取包含給定屬性的元素
        [attribute=value] 獲取等于給定的屬性是某個特定值的元素
        [attribute!=value] 獲取不等于給定的屬性是某個特定值的元素
        [attribute^=value] 獲取給定的屬性是以某些值開始的元素
        [attribute$=value] 獲取給定的屬性是以某些值結束的元素
        [attribute*=value] 獲取給定的屬性是以包含某些值的元素
        [selector1][selector2][selectorN] 獲取滿足多個條件的符合屬性的元素

        5)子元素過濾器

        在頁面開發過程中,嘗嘗遇到突出指定某行的需求。雖然使用基本過濾選擇器“:eq(index)"可實現單個表格的顯示,但不能滿足大量數據和多個表格的選擇需求。為了實現這樣的功能,jQuery中可以通過子元素過濾選擇器輕松獲取所有父元素中的某個元素。

        選擇器 功能描述
        :nth-child(eq/even/odd/index) 獲取每個父元素下的特定位置元素,索引號從1開始
        :first-child 獲取每個父元素下的第一子元素
        :last-child 獲取每個父元素下的最后一個子元素
        :only-child 獲取每個父元素下的僅有一個子元素

        6)表單對象屬性過慮器

        表單對象屬性過濾選擇器通過表單中的某對象屬性特征獲取該元素,如enabled、disabled、checked、selected屬性。

        選擇器 功能描述
        :enabled 獲取表單中所有屬性為可用的元素
        :disabled 獲取表單中素有屬性為不可用的元素
        :checked 獲取表單中所有被選中的元素
        :selected 獲取表單中所有被選中option的元素

        7)表單過慮器

        在jQuery選擇器中引入表單選擇器,該選擇器專為表單量身打造,通過它可以在頁面中快速定位某表單對象。

        選擇器 功能描述
        :input 獲取所有input、textarea、select
        :text 獲取所有單行文本框
        :password 獲取所有密碼框
        :radio 獲取所有單選按鈕
        :checkbox 獲取復選框
        :submit 獲取所有提交按鈕
        :image 獲取所有圖像域
        :reset 獲取所有重置按鈕
        :button 獲取所有按鈕
        :file 獲取所有文件域

        【推薦學習:jQuery視頻教程、web前端視頻】

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 少妇人妻偷人精品无码视频| 国产成人精品视频播放| 精品乱码一区二区三区四区| 国产午夜精品一区二区三区小说| 国产精品丝袜一区二区三区| 天天爽夜夜爽夜夜爽精品视频| 亚洲国产精品一区二区久久| 久久精品亚洲日本波多野结衣| 色婷婷久久久SWAG精品| 99久久国产综合精品网成人影院| 久久精品蜜芽亚洲国产AV| 欧美精品黑人粗大欧| 99久久99久久精品国产| 国产精品国产精品国产专区不卡 | 国产美女久久精品香蕉69| 人人妻人人澡人人爽精品欧美| 国产精品无码无卡无需播放器| 精品一区二区久久| HEYZO无码综合国产精品| 久久久久无码精品国产不卡| 日韩欧美一区二区三区中文精品| 精品视频久久久久| 国产亚洲精品拍拍拍拍拍| 成人国内精品久久久久影院VR| 久久国产精品-久久精品| 国产成人精品久久免费动漫| 99久久99久久久精品齐齐| 国产精品无码无需播放器| 久久精品一本到99热免费| 无码精品国产VA在线观看 | 久久夜色撩人精品国产| 国产午夜精品一区二区三区不卡| 国产精品一区三区| 精品国产乱码久久久久久浪潮| 国产精品美女WWW爽爽爽视频| MM1313亚洲精品无码| 国产精品夜色视频一级区| 国产在线精品一区二区夜色| 久久精品国产72国产精福利| 日韩亚洲精品福利| 亚洲欧美日韩久久精品第一区|