简单学习jQuery第一天 （选择器）

一. 了解jQuery

• jQuery是一个前端类库，别人把 js 里面各种 DOM 操作都给你封装好了，里面90%都是方法，你拿过来就可以使用了。

二. 下载和引入jQuery

• 使用之前要先去下载jQuery，下载完成之后将jQuery放在你想放在的文件夹中，方便之后引入。

http://jquery.cuishifeng.cn/

• 下载完成之后在文件中直接引入就可以使用了。

<script src="./jquery/jquery.min.js"></script>

三. jQuery的选择器

• 注意：当 jQuery 文件被引入以后，我们的全局就会多了两个变量， jQuery 向全局暴露了两个名字， $，jQuery，他们两个名字没有任何区别， 你喜欢使用哪个, 就使用哪个。.

1.  $() , jQuery()
    + 就是 jQuery 的选择器
      => 也就是 jQuery 获取元素的方式
    + () 里面写什么?
      => 你 css 怎么获取元素, 这里就可以怎么写
      => 不管你写的什么, 获取的都是一组元素
      => 只有 id 的时候, 是这一组里面只能有一个
   

2.  注意：一些特殊选择器
    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()
      => 获取到元素的索引位置
      => 不是元素集合里面的第几个
      => 找到他是该父元素下的第几个元素
      => 拿到的是一个数字

剩下的我们明天在一起学习 ^ _ ^!