您的位置:首页 > Web前端 > JQuery

JavaScript/jQuery选择器

2017-05-31 17:20 337 查看
                                                                                                           第四章

一.jQuery选择器可通过CSS选择器,条件过滤两种方式获取元素

二.在CSS中,选择器的作用是获取元素

三.jQuery选择器的优势:

        1.简洁的写法            2.支持CSS1.0到CSS3.0选择器          3.完善的处理机制

四.基本选择器:包括标签选择器,类选择器,ID选择器,并集选择器,交集选择器,全局选择器

       1.标签选择器:element       

                                          根据给定的标签名匹配元素 

       2.类选择器:.class               

                                          根据给定的class匹配元素

       3.ID选择器:#id 

                                           根据给定的id匹配元素      

       4.并集选择器:selector1,selector2,......,selectorN

                                          将每一个选择器匹配的元素合并后一起返回

       5.交集选择器:element.class或element#id

                                          匹配指定class或id的某元素或元素聚合(若在同一页面中指定id的元素返回值,则一定是单个元素;若指定class的元素,则可以是单个元素,也可以是元素集合)

       6.全局选择器:*

                                          匹配所有元素

五.jQuery中有4种层次选择器:后代选择器,子选择器,相邻元素选择器,同辈元素选择器

       1.后代选择器:ancestor descendant      

                                                    选取ancestor元素里的所有descendant(后代)元素

       2.子选择器:parent>child               

                                                    选取parent元素下的child(子)元素

       3.相邻元素选择器:prev+next            

                                                    选取紧邻prev元素之后的next元素

       4.同辈元素选择器:prev~sibings        

                                                    选取prev元素之后的所有siblings(同辈)元素
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: