jquery选择器---基础选择器

基础选择器:#id(ID选择器) ,用法:$("#id");参数id为字符串,表示标签的id属性值。返回值为匹配id元素的对象。

                     element(类型选择器),用法:$(“element”);参数element为字符串,表示标签的名称。返回值为匹配标签jquery的对                      象。

                     .class(类选择器),用法:$(".className");参数className为字符串,表示标签的class属性值,前缀符号"."表示该选                        择器为类选择器。返回值包含匹配className的元素的jquery对象。

                     *(通配符选择器),用法:$("*");参数*为字符串,表示将匹配指定范围内所有的标签

                     selector1,selector2,selectorN(分组选择器),用法:$("selector1,selector2,selectorN");

                     参数selector1,selector2,selectorN为字符串,表示多个选择器,这些选择器没有数量限制,它们通过“,”进行分隔。当                      执行组选择器之后,返回的jquery对象将包含每一个原则其匹配到的元素。jquery在执行组选择器匹配时,显示逐一                           匹配每一个选择器,然后再将匹配到的每一个元素合并到一个jquery对象返回。

层级选择器:  ancestor descendant(包含选择器),在给定的祖先元素下匹配所有的后代元素。ancestor表示任何有效的选择器,                             descendant表示用意匹配元素的选择器,并且并且它是第一个选择器的后代元素。

                        例:$("form input")可以匹配表单下的所有的input元素。

                       parent>child(子选择器),在给定的父级元素下匹配所有的子元素。parent表示任何有效的选择器,child表示用意                          匹配元素的选择器,兵器他是第一个选择器的子元素。

                       例:$("form>input")可以匹配表单下所有的子级input元素。

                      prev+next(相邻选择器)匹配所有紧接在prev后面的next元素。prev表示任何有效的选择器,next表示有效的选择器,并且紧挨第一个选择器。

                        例:$("label+input")可以匹配到所有跟在label后面的input元素。

                       prev~siblings(兄弟选择器)匹配所有紧接在prev后面的所有sibline元素。prev表示任何有效的选择器,siblings表示一个选择器,并且它作为第一个选择器的同辈。

                         例:$("form~input") 可以匹配到所有与表单同辈的input元素

子元素选择器::nth-child匹配其父元素下的第N个子元素

                          :first-child匹配第一个子元素

                          :last-child匹配最后一个子元素

                          :only-child如果某个元素是父级的唯一子元素,那将会被匹配。

定位过滤器:  :first,匹配第一个元素

                         :last,匹配最后一个元素

                         :not,去除所有与给定选择器的元素;例:$("input:not(:checked)")可以匹配所有未被选中的input元素

                         :even,匹配所有索引值为偶数的元素;例:$("tr:even")可以匹配1,3,5,...行的元素(从0开始计数)

                         :odd,匹配所有索引值为奇数的元素;例:$("tr:odd")可以匹配2,4,6,...行的元素(从0开始计数)

                         :eq匹配一个给定索引值的元素    ; 例:$("tr:eq(0)”)可以匹配第一行的元素

                          :gt 可以匹配大于索引值的元素;  例:$("tr:gt(0)“)可以匹配第二行以后包括第二行的元素     

                          :lt可以匹配小于索引值的元素;  例:$("tr:gt(1)“)可以匹配第一行的元素

                          :header匹配如h1等标题元素

                           :animated匹配所有正在执行的动画元素

内容过滤器: :contains匹配包含给定文本的元素,例:$("div:contains('测试')")匹配所有包含‘测试’的div元素

                        :empty匹配所有不包含子元素或文本的空元素

                        :has匹配含有选择器所匹配的元素的元素。例:$("div:has(p)")匹配所有包含p元素的div

                        :parent匹配含有子元素或者文本的元素                                                                                                                                                                                                                                                                                     

可见过滤器: :hidden匹配所有不可见元素,或者type为hidden的元素

                      :visible匹配所有的可见元素

属性选择器:[attribute]匹配包含给定属性的元素,例:$("div[id]")表示查找所有有id属性的div

                     [attribute=value]匹配属性等于特定值的元素,属性值的引号在大多数情况下是可选的,如属性值中包含“]",需要加引号以避免冲突,例:$(input[name='text')"表示查找所有name属性值是‘text的input元素

                    [attribute!=value]匹配属性不等于特定值的元素或者不含有制定属性的元素。该属性等价于:not([attr=value]),要匹配含有属性但不等于特定值的元素用[attr]:not[attr=value]).例:$("input[name!='text']")查找所有name属性不等于text的input元素。

                    [attribute^='text']匹配给定元素以某些值开始的元素,例:$("input[name^='text']")匹配所有属性值以text开头的input元素

                    [attribute$=value]匹配给顶元素以某些值结尾的元素,例:$("input[name$='text']")匹配所有属性值以text结尾的input元素

                    [attribute*=value]匹配给顶属性是包含某些值得元素,例:$("input[name*='text']")表示所有name属性值是包含text字符串的input元素

                    [selector][selector1][selector2]符合属性选择器需要同时满足多个条件使用例:$("input[name*='text'][id]")表示name属性值包含text字符串,且包含了id属性的input元素

基本表单选择器: :input匹配所有input,textarea,select,button元素

                             :text匹配所有的单行文本框

                             :password匹配所有的密码框

                              :radio匹配所有单选按钮

                             :checkbox匹配所有复选框

                              :submit匹配所有提交按钮

                              :image匹配所有图像域

                             :reset匹配所有重置按钮

                             :button匹配所有按钮

                             :file匹配所有文件域

高级表单选择器: :enabled匹配所有可用元素

                              :disabled匹配所有不可用元素

                              :checked匹配所有被选中元素(复选框,单选按钮等,不包括select中的option)

                               :selected匹配所有选中的option元素

                      

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值