🔎这里是【JQuery】，关注我学习前端不迷路
👍如果对你有帮助，给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️

👀专栏介绍

【JQuery】 目前主要更新JQuery，一起学习一起进步。

👀本期介绍

本期主要介绍JQuery入门——知识点讲解(二)

文章目录

1. 层级选择器

2. 属性选择器（通配符选择器）

3. 基本过滤选择器

4. 表单属性选择器

5. jQuery 操作 class 属性

6. 属性操作：prop()和 attr()

1. 层级选择器

2. 属性选择器（通配符选择器）

3. 基本过滤选择器

通常我们在获取到一系列标签对象之后，会有一些筛选需求，

这里就可以使用基本过滤选择器。

:first

第一个

:last

最后一个

:even

偶数，索引从 0 开始计数

:odd

奇数

:not(..) 除了指定内容。例如： 1234:not(3) --> 124

例如： div:not(div:first)

:eq(index) 获取指定索引的元素 =

:gt(index) 大于 n 个 >

:lt(index) 小于 n 个 <

代码准备：

4. 表单属性选择器

:checked

选中（单选 radio ，多选 checkbox ） <input type="..." checked="checked">

:selected

选择（下列列表 <select> ） <option selected="selected">

:enabled

可用

:disabled

不可用。 <xxx disabled="disabled"> | <xxx disabled=" "> | <xxx disabled>

代码准备：

5. jQuery 操作 class 属性

addClass() 给指定标签的 class 属性追加样式

removeClass() 将标签指定的 class 属性移除

代码准备：

扩展：

使用 jQuery 直接操作 CSS ：

JQ.css("CSS 属性 ");

获取某个 CSS 属性值。

JQ.css("CSS 属性 ","CSS 属性值 ");

设置某个 CSS 属性值。

 

6. 属性操作：prop()和 attr()

prop(" 属性名 ");

获取元素的某个属性的值 ---------- 等同于 attr(" 属性名 ")

prop(" 属性名 ", 属性值 );

设置元素的某个属性为指定值 ---- 等同于 attr(" 属性名 ", 属性值 )

removeProp("属性名 ");

删除元素的某个属性的值 ----------- 等同于 removeAttr(" 属性名 ");

注： prop 命令是 jQuery1.6 版本后的新操作方式，用以替代 attr 命令。

1.6 之前版本，若 prop 命令不管用，则使用 attr 即可

代码准备：

文章来源: blog.csdn.net，作者：陶然同学，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/weixin_45481821/article/details/125995037