一. 了解jQuery
- jQuery是一个前端类库,别人把 js 里面各种 DOM 操作都给你封装好了,里面90%都是方法,你拿过来就可以使用了。
二. 下载和引入jQuery
- 使用之前要先去下载jQuery,下载完成之后将jQuery放在你想放在的文件夹中,方便之后引入。
http://jquery.cuishifeng.cn/
<script src="./jquery/jquery.min.js"></script>
三. jQuery的选择器
- 注意:当 jQuery 文件被引入以后,我们的全局就会多了两个变量, jQuery 向全局暴露了两个名字,
$
,jQuery
,他们两个名字没有任何区别, 你喜欢使用哪个, 就使用哪个。.
-
$() , jQuery()
+ 就是 jQuery 的选择器
=> 也就是 jQuery 获取元素的方式
+ () 里面写什么?
=> 你 css 怎么获取元素, 这里就可以怎么写
=> 不管你写的什么, 获取的都是一组元素
=> 只有 id 的时候, 是这一组里面只能有一个
-
注意:一些特殊选择器
1.:first
=> 获取第一个
2. :last
=> 获取最后一个
3. :eq(数字)
=> 获取索引为 n 的那一个
4. :odd
=> 获取索引为 奇数 的哪些
5. :even
=> 获取索引为 偶数 的哪些
四. jQuery的筛选器
1. first()
=> 筛选出来一个元素集合里面的第一个
2. last()
=> 筛选出来一个元素集合里面的最后一个
3. eq(n)
=> 筛选出来一个元素集合里面的索引为 n 的那一个
4. next()
=> 筛选出元素的下一兄弟元素
5. nextAll()
=> 筛选出元素的后面的所有兄弟元素
=> nextAll(选择器)
=> 拿到下面所有兄弟元素中符合选择器要求的元素
6. nextUntil(选择器)
=> 筛选出元素后面所有的兄弟元素直到选择器元素为止
7. prev()
=> 筛选出元素的上一个兄弟元素
8. prevAll()
=> 筛选出元素的上面所有兄弟元素
=> prevAll(选择器)
=> 拿到上面所有兄弟元素中符合选择器条件的
9. prevUntil(选择器)
=> 筛选出元素上面的所有兄弟元素直到选择器元素为止
10. parent()
=> 筛选出元素的父元素
11. parents()
=> 筛选出元素的所有祖先元素, 直到 html 元素为止
=> parents(选择器)
=> 找到所有祖先元素中满足选择器的那一个
12. parentsUntil(选择器)
=> 筛选出元素的所有祖先元素, 直到 选择器 元素为止
13. children()
=> 筛选出元素所有的子级元素
=> children(选择器)
=> 筛选出所有子元素里面符合选择器条件的元素
14. siblings()
=> 筛选出所有的兄弟元素
=> 自己不算
=> siblings(选择器)
=> 拿到所有兄弟元素中满足选择器要求的元素
15. find(选择器)
=> 一个是在元素集合里面查找 ?
=> 一个是在所有子元素里面查找
-> 只要后代元素里面有就可以, 就能找得到
16. index()
=> 获取到元素的索引位置
=> 不是元素集合里面的第几个
=> 找到他是该父元素下的第几个元素
=> 拿到的是一个数字
剩下的我们明天在一起学习 ^ _ ^!