码迷,mamicode.com
首页 > Web开发 > 详细

jquery 选择器

时间:2016-11-03 21:08:06      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:index   eve   sel   css选择器   contains   选择   value   元素   内容   

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的子元素
    


jquery 选择器

标签:index   eve   sel   css选择器   contains   选择   value   元素   内容   

原文地址:http://www.cnblogs.com/xwzy/p/6028158.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!