参考博客：李文周老师：https://www.cnblogs.com/liwenzhou/p/8178806.html
jQuery
1. 为什么要学jQuery? MySQL Python 做同样的事情 jQuery写起来极其简练 (write less, do more.)
2. jQuery是什么? jQuery相当于Python的第三方模块 第三方模块其实就是别人写好(封装)的一些代码,我们拿过来用(按照别人定好的规则) 原生的JS DOM操作是基础
3. jQuery学习的内容
1. 改变标签
2. 改变标签的属性
3. 改变标签的样式
4. 事件相关
学习内容:(先导入再使用)
0. HTML对象和jQuery对象的区别 1. jQuery对象转换成DOM对象,用索引取出具体的标签 2. DOM对象转换成jQuery对象,$(DOM对象) 注意: jQuery对象保存到变量的时候,变量名要加$前缀
1. 找标签
1. 基本选择器
1. $("ID值") --> $("#d1")
2. $(".class名") --> $(".C1")
3. $("标签名") --> $("p")
4. $("*") 找所有 --> $("*")
5. $("条件1,条件2") 组合查找 --> $(".c1,div,a")
2. 层级选择器 同CSS选择器
1. $("x y");// x的所有后代y（子子孙孙）
2. $("x > y");// x的所有儿子y（儿子）
3. $("x + y")// 找到所有紧挨在x后面的y
4. $("x ~ y")// x之后所有的兄弟y
3. 基本筛选器
1. :first // 第一个
2. :last // 最后一个
3. :eq(index)// 索引等于index的那个元素
4. :even // 匹配所有索引值为偶数的元素，从 0 开始计数
5. :odd // 匹配所有索引值为奇数的元素，从 0 开始计数
6. :gt(index)// 匹配所有大于给定索引值的元素
7. :lt(index)// 匹配所有小于给定索引值的元素
8. :not(元素选择器)// 移除所有满足not条件的标签
9. :has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)
4. 属性选择器
1. [attribute] -->$("[title]")
2. [attribute=value]// 属性等于 -->$("[type='text']")
3. [attribute!=value]// 属性不等于 -->$("[type!='text']")
5. 表单选择器 :text :password :file :radio :submit :reset :button
:checkbox $(":checkbox") --> $("input[type='checkbox']")
6. 筛选器方法(只是应用场景和上面的基本筛选器不同而已)
1. $("div").first()
2. ...
7. 常用的方法
1. .next() --> 找到挨着我的下一个同级标签
2. .nextAll() --> 下边同级的所有
3. .nextUntil()--> 往下找,直到找到终止条件为止
4. .prev()
5. .prevAll()
6. .prevUntil()
7. .siblings() --> 找所有的兄弟(前面的后面的都能找到)
8. .children()
9. .parent()
10. .parents()
11. .parentsUntil()
12. .find(各种条件都可以写)
2. 操作标签
1. 操作class类
1. addClass()
2. removeClass()
3. hasClass()
4. toggleClass()