jquery 选择器

别等时光非礼了梦想. 提交于 2020-03-16 03:45:13

jquery学习


css选择器:   1.ID选择器             $('#box')
               2.类选择器             $('.box1')
               3.标签选择器           $('div')    
               4.统配符(*选择器)      $('*')
               5.群组选择器           $('#box,.box1')    
               6.后代选择器           $('#box span')
               7.组合选择器           $('#box,.box1,p')
               8.相邻兄弟选择器        $('#box+div')
               9.子元素选择器          $(#box>.box1)
               10.后兄弟选择器         $(#box~div)


 基本过滤选择器: eq(index)选取索引等于index的元素(index从0开始)

                gt(index)选取索引大于index的元素  不包括该元素
                
                lt(index)选取索引小于index的元素  不包括该元素

                even()  选取所有的偶数  索引从0开始

                odd()  选取所有的奇数数   索引从1开始  
                
                next() 选取紧邻的下一个同级元素这是一个方法$().next()

                prev()  选取紧邻的上一个同级元素

                not(index)  选取不是类名不是index的元素  
                

内容过滤选择器:contains() 选中包含文本元素 包括父级 祖先级  外部用""  内部用''
              empty      选中不包含子元素和文本的元素        
              parent()    选中包含子元素和文本的元素    
              has()        选中含有匹配的元素的元素

属性过滤选择器:     [attr]   选取[class][id]等
    
                [attr = value] 选取属性的值为value的元素
                
                [attr !=value] 选取属性值不是value的元素
                
                [attr ^=value]  选取属性值以value开头的元素
                
                [attr = value$]  选取属性以value结束的元素
                
                [attr =*value]    选取包含value的元素
                  
                  [selector][attr = *value]     既有属性名有包含value的元素

                [attr1][attr2][attrN]   多重条件限制
    




子标签过滤选择器:nth-child(index/odd/even)
                选取每个元素的下标index 或者奇数 偶数 的元素
                
                :frist-child    在所有xx的标签中选取父标签的第一个子标签
                
                :last-child    在所有xx的标签中选取父标签的第一个子标签
                
                :frist    选取xx 标签的第一个标签
                
                :last      选取xx标签的最后一个标签
                
                :only-child   选取唯一为x的子元素
    


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!