前言

总所周知,JQuery是JavaScript的一个并非JavaScript,并且它是一个轻量级的库。
JQuery兼容CSS3和各种浏览器支持低端浏览器及IE9开始的高端浏览器
并且JQuery最强大的地方在于它的选择器,现在就让我们跟着博主开始快速学习JQuery的各种选择器用法~

JQuery语法

首先让我们先来了解一下JQuery的基础语法

//1.使用美元符号($)进行定义JQuery
//2.选择器(selector)查询和查找HTML元素
//3.JQuery的action()执行对元素的操作
$(selector).action();

基础选择器

id选择器

描述:根据指定的id进行选择元素
下列这行代码表示选择标签中名为id的标签,并让其字体颜色改为猛男粉色~是不是觉得特别有趣呢?让我们接着往下走

//id选择器
$("#id").css("color","pink");

class选择器

描述:根据指定的class类名进行选择所有元素
聪明的小伙伴呢可能已经发现了,这里的意思其实就是和id选择器是一样的,让我们接着往下看

//class选择器
$(".class").css("color","pink");

标签选择器

描述:根据指定的(HTML)标签进行选择所有元素
这里则代表的是选择所有你输入的标签,将标签的背景颜色改为猛男粉色~

$("div").css("backgroudColor","pink");

全选选择器

描述:选择HTML所有元素
下列代码则表示的是选择所有的选择器
注意:包含HTML和head以及body标签哦~

$("*").css("backgroudColor","pink");

多选选择器

描述:将每一个匹配到的元素进行选择
可以一直添加,从第一个元素到第N个元素。

$("div,.class,#id").css("backgroudColor","pink");

属性选择器

最后修改:2020 年 11 月 21 日 07 : 11 PM
博主大大是用个人资金和时间在更新,感觉对您有帮助请点点赞助救救孩子吧~