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")

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

posted @ 2023-11-08 08:20  一叶知秋04  阅读(292)  评论(0编辑  收藏  举报  来源