#【博学谷学习记录】超强总结，用心分享|jQuery编程＜二＞-CSDN博客

本文链接：https://blog.csdn.net/qq_47109078/article/details/126798809

三、jQuery选择器

1、基础选择器

获取指定ID的元素： $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id"); 匹配所有元素：$ (“*”);
获取同一类class的元素： $(". c l a ss "); 获取同一类标签的所有元素：$ (“div”);
选取多个元素： $(" d i c, p, i "); 交集元素：$ (“li.current”);

2、层级选择器

使用>号，获取亲儿子层级的元素，注意：并不会获取孙子层级的元素： $(" u l > l i "); 使用空格，代表后代选择器，获取 u l 下的所有元素，包括孙子等：$ (“ul li”);

3、筛选选择器

获取第一个li元素： $(" l i : f i rs t ") 获取最后一个 l i 元素：$ (“li:last”)
获取到的li元素中，选择索引号为2的元素，索引号index从0开始： $(" l i : e q (2) ") 获取到的 l i 元素中，选择索引号为奇数的元素：$ (“li:odd”)
获取到的li元素中，选择索引号为偶数的元素：$(“li:even”)

4、筛选方法

在这里插入图片描述

四、jQuery样式操作

1、操作css方法

参数只写属性名，则是返回属性值: $(t hi s) . css (^{'} co l o r^{'}); 参数是属性名，属性值，逗号分隔，是设置一组样式 :$ (this).css(“color” , “red”);
参数可以是对象形式，方便设置多组样式:$(this).css(i “color”:“white” “font-size”:."20px"l);

2、设置类样式方法

作用等同于以前的classList，可以操作类样式，注意操作类里面的参数不要加点
添加类: $(" d i v ") . a dd Cl a ss (" c u rre n t "); 删除类 :$ (“div”).removeClass(“current”);
切换类:$(“div”).toggleClass(“current”);