JQuery的选择器有哪些?

简介: JQuery的选择器有哪些?

首先我们需要先了解一下什么是JQuery,并知晓它的概念是什么

概念:


官方概念:



jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。

优点:


  • 占用空间少:缩小压缩后的文件包只有30KB左右。


  • 符合CSS3规范:支持CSS3选择器查找元素以及样式属性操作。


  • 跨浏览器特点:jQuery兼容各种主流浏览器,如IE、Chrome、Firefox、Safari、Opera等。

以下是JQuery常用的一些选择器:



  1. 元素选择器:使用元素名称获取,例如$("span"),就会获取所有的<span>标签。


  1. 类选择器:使用类名称获取,例如$(".class-name"),就会获取所有具有指定类名的元素。


  1. ID选择器:使用ID名称获取,例如$("#name"),就会获取具有指定ID名的元素。


  1. 子代选择器:选择元素的直接子元素,例如 $("parent > child") 会选取指定父元素下的直接子元素。


  1. 后代选择器:选择元素的后代元素,例如 $("parent child") 会选取指定祖先元素下的所有后代元素。


当然选择器还不止这些,我只是列举出来我本人常用的几种选择器,但是我们常用的选择器,如伪类选择器,class选择器,id选择器等。

目录
相关文章
N..
|
5月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
38 1
|
7天前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
25 5
|
4月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
26 0
|
4月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
6天前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
16天前
|
JavaScript
jQuery 选择器
jQuery 选择器
20 3
|
21天前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
23 1
|
2月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
31 1
|
5月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
5月前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?