jQuery css选择器大全,总有你用得到的东西。

                                                JQuery选择器

        首先我们深入了解止之后,发现要用到的选择器多种多样。今天我们就来总结一下各种选择器以及使用方法。

         做一个大体的分类:

                               通过css选择器来提取元素:

Query选择器的分类:
    通过css选择器选取元素:
        基本选择器
            标签选择器   $("h1")
            类选择器    $(".class")
            id选择器       $("#id")
            全局选择器   $("*")
            并集选择器   $("h1,.class,#id,span")
        层次选择器
            后代选择器       $("ul li")
            子类选择器       $("ul>li")
            相邻选择器       $("h3+p")
            同辈选择器       $("h3~p")
            所有兄弟选择器     .siblings
        属性选择器
            包含某属性       $("a[href]")   a[href]
            包含某属性并且属性值等于绝对值 $("a[href='abc']")      a[href='abc']
            包含魔属性并且属性值不等于绝对值 $("a[href!='abc']")    a[href!='abc']
            属性值以XXX开头   $("a[href$='XXX']")
            属性值以XXX结尾   $("a[href$='XXX']")
            包含某属性的绝对值 $("[href*='abc']")
    通过过滤选择器选择取元素:
        基本过滤选择器:
            根据索引选择指定的元素 $("ul:eq(2)")
            大于某索引的元素        $("li:gt(3)")       g
            小于某索引的元素        $("li:lt(3)")      less than
             第一个元素    $("ul:first")
             最后一个元素  $("ul:last")
             获得焦点的元素    $(":focus")
             正在执行的动画元素
             所有的标题元素    $(":header")
             所有的奇数元素    $("li:add").
             所有的偶数元素    $("li:even")
             不包含指定元素    $("li:not(.aaa)")
             正在执行的动画元素  $("animated")
        可见性过滤选择器
             获取所有不可见得元素:     $(":hidden")
             获取所有可见的元素:       $(":visible")

        选择器的注意事项:
            空格不能随便写,因为代表后代
              <a id="#i%*[o]">a标签</a>
              转义符:   \\
              $("#\\#\\i\\%\\*\\[o\\]").css("background","red")

小编还有哪里总结的不好,请多多请教。

谢谢啦!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值