关闭

jQuery常见的二十五种选择器

标签: jquerydivheaderinputclass
736人阅读 评论(0) 收藏 举报

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


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匹配所有的可见元素

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:164916次
    • 积分:2746
    • 等级:
    • 排名:第13154名
    • 原创:115篇
    • 转载:19篇
    • 译文:0篇
    • 评论:97条
    文章分类
    最新评论