选择器

最新推荐文章于 2025-09-03 16:51:19 发布

转载最新推荐文章于 2025-09-03 16:51:19 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangcw/archive/2012/02/28/2371772.html

文章标签：

#javascript #ViewUI

 //jQuery选择器：基本选择器、层次选择器、过滤选择器、表达选择器
        
        /*
            基本选择器
            1.语法
                选择器              功能                    返回值
                #id                 根据id匹配元素          单个元素
                element             根据元素名匹配所有元素  元素集合
                .class              根据类名匹配所有元素    元素集合
                *                   匹配所有元素            元素集合
                select1,select2     合并匹配到的元素        元素集合
        */        
        /*
            层次选择器
            1.语法
                选择器                  功能                            返回值
                ancestor  descendant    根据祖先匹配所有后代            元素集合
                Parent > Child          根据父元素匹配所有子元素        元素集合    
                Prev + Next             匹配紧在Prev后的下一个兄弟元素  单个元素
                .next()方法             同上                            同上
                Prev ~ Sibings          匹配Prev后的所有兄弟元素        元素集合
                .siblings()方法         匹配Prev所有兄弟元素            元素集合
        */
        /*
            过滤选择器
            1.简单过滤
            选择器                          功能                                    返回值
            first()或:first                 获取第一个元素                          单个元素
            lase()或:last                   获取最后一个元素                        单个元素
            :not(selector)                  获取除给定选择器外的所有元素            元素集合
            :even                           获取所有偶数集合，所有从0开始           元素集合
            :odd                            获取所有奇数集合                        元素集合
            :eq(index)                      获取指定元素                            单个元素
            :gt(index)                      获取所有大于给定元素集合                元素集合
            :lt(index)                      获取所有小于给定元素集合                元素集合
            
            2.内容过滤器
            选择器                          功能                                    返回值
            :contains(text)                 获取包含给定文本的元素                  元素集合
            :empty                          获取所有不包含元素或者文本的空元素      元素集合
            :has(selector)                  获取子元素有selector的元素              元素集合
            :parent(selector)               获取父元素有selector的元素              元素集合
            
            3.可见性过滤器
            选择器                          功能                                    返回值
            :hidden                         获取所有不可见元素，或type=hidden       元素集合
            :visible                        获取所有可见元素                        元素集合
            
            4.属性过滤器
            选择器                          功能                                    元素集合
            [attribute]                     获取包含给定属性的元素                  元素集合
            [attribute=value]               
            [attribute!=value]
            [attribute*=value]
            [attribute^=value]
            [attribute$=value]
            [selector][selector]            且（交集）
            
            5.子元素过滤器
            :nth-child(eq|even|odd|index)
            :first-child
            :last-child
            :only-child
        */


        /*
            表单选择器
            1.语法
                选择器              功能                                    返回值
                :input              获取所有input、textarea、select         元素集合
                :empty              获取所有不包含子元素或者文本的空元素    元素集合
        */

编辑器加载中...

转载于:https://www.cnblogs.com/wangcw/archive/2012/02/28/2371772.html