席伟娜的专栏

PHP专区

jQuery常见的二十五种选择器

//这是我总接的笔记,希望对你们有所帮助


1)#id   根据给定的iD匹配元素                      例:$(#id")

2)class类选择器  根据给定的类匹配元素   例:$(".class")

3)element选择器    根据给定的元素选择       例;$("div")

4)*选择器   选择所有元素                                例:$('*')

5)selevtor1,select2......selectn   将每一个选择器匹配到的元素合并后一起返回  例:$('div span,p span')

6)pav span 获取pav下所有的span标签   例:$('pav span')

7)pav >span 在给定的父元素下匹配所有的子元素但不包含所有后代元素  例:$("div>span')

8)pav+next 匹配所有紧接在 prev 元素后的 next 元素  例:$('div+span')只能获取到div紧邻的span如果没有则什么也不返回

9)pav~div 匹配 prev 元素之后的所有 siblings 元素  例:$('div~span')获取div之后的所有兄弟span的

10):first匹配找到的第一个元素  例:$('div:first')获取第一个div

11):last匹配找到的最后一个元素  例:$('div:last')获取最后一个div

12):   not  去除所有与给定选择器匹配的元素            例:$("input:not(:checked)") 

13):匹配所有索引值为偶数的元素,从 0 开始计数   例:$("tr:even") 选取所有偶数行

14):odd匹配所有索引值为奇数的元素,从 0 开始计数   例:$("tr:odd") 选取所有奇数行

15):eq匹配一个给定索引值的元素  例:$("tr:eq(1)") 匹配等于1的表格

16):lt匹配所有小于给定索引值的元素  例:$("tr:lt(2)"匹配所有小于2的表格

17):gt匹配所有大于给定索引值的元素  例:$("tr:gt(2)"匹配所有大于2的表格

18):header匹配如 h1, h2, h3之类的标题元素 例:$(':header)匹配所有表头

19):animated匹配所有正在执行动画效果的元素  $("div:animated")匹配正在移动的图片

20):contains匹配包含给定文本的元素

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

22):has(selector)_匹配含有选择器所匹配的元素的元素

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

24):hidden匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到

25):visible匹配所有的可见元素

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭