白学的小知识[jQuery选择器中获取元素的十一种方式]

jQuery选择器:分为基础选择器和筛选选择器。

基础:

名称用法描述
ID选择器   $(“#id”) 获取指定ID的元素
全选选择器$(" * ") 匹配所有元素
类选择器$(“.class”)    获取同一类名class的元素
标签选择器 $(“div”)   获取同一类标签的所有元素
并集选择器 $(“div,p,li”)    获取多个元素
交集选择器$(“li.current”)  交集元素

 用法:

    $("#box") //获取id名为box的元素 
    $("*")  //获取所有元素
    $(".box") //获取类名叫box的所有元素
    $("div") //获取所有div标签
    $("div,p,li") //获取div和p和li
    $("li.current")//获取类名叫current的li

筛选:

语法 用法描述
:first$(“li:first”)获取第一个li元素
:last$(“li:last”) 获取最后一个li元素
:eq(index)$(“li:eq(1)”)  获取到的li元素中,选择索引号为1的元素,索引号从0开始
:odd $(“li:odd”) 获取到的li元素中,选择索引号为奇数的元素
:even $(“li:even”)获取到的li元素中,选择索引号为偶数的元素

 用法:

    // 获取第一个li
    $("li:first")
    // 获取最后一个li
    $("li:last")
    // 获取下标为1的li
    $("li:eq(1)")
    // 获取下标为奇数的li
    $("li:odd")
    // 获取下标为偶数的li
    $("li:even")
  • 15
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值