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..
|
1月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
23 1
|
1月前
|
JavaScript
jquery的9大选择器
jquery的9大选择器
36 2
|
1月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
43 5
|
1月前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
|
1月前
|
JavaScript 索引
jQuery 选择器有几种,分别是什么
jQuery 选择器有几种,分别是什么
36 5
|
1月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
1月前
|
JSON JavaScript 前端开发
Jquery常用的选择器有哪些?用途有什么不同?
Jquery常用的选择器有哪些?用途有什么不同?
|
1月前
|
JavaScript 前端开发 开发者
jquery选择器有哪些
jquery选择器有哪些
17 0
|
1月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
|
1月前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js