jQuery选择器 获取元素的十一种方式

简介: 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")

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

相关文章
N..
|
7天前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
18 1
|
7天前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
18 1
|
5天前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
5天前
|
JSON JavaScript 前端开发
Jquery常用的选择器有哪些?用途有什么不同?
Jquery常用的选择器有哪些?用途有什么不同?
|
5天前
|
JavaScript
jQuery创建、删除、添加元素
jQuery创建、删除、添加元素
|
7天前
|
存储 移动开发 JavaScript
jQuery 根据 css 类筛选 DOM 元素的代码
jQuery 根据 css 类筛选 DOM 元素的代码
17 1
|
7天前
|
移动开发 JavaScript 前端开发
jQuery 根据 DOM 元素 attribute 进行过滤的语法
jQuery 根据 DOM 元素 attribute 进行过滤的语法
11 2
|
7天前
|
JavaScript 前端开发 开发者
jquery选择器有哪些
jquery选择器有哪些
10 0
|
7天前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
|
7天前
|
JavaScript 索引
jQuery 选择器有几种,分别是什么
jQuery 选择器有几种,分别是什么
29 5