一、CSS选择器

CSS选择器： 方便获取HTML的元素。

1.标签选择器：直接通过标签名即可获取元素

2.类(class)选择器：语法：.xxx  表示获取class为xxx的元素

3.id选择器：语法：#xxx  表示获取id为xxx的元素  注意：确保id在本网页的唯一性

4.群组选择器：语法：xxx,xxx,xxx  通过,分割将所有选择器进行统一操作

5.后代选择器：语法：父  子  通过空格获取父下面的所有的子元素包括孙子...

6.子代选择器：语法：父>子  通过大于号获取父下面的子元素  只能获取儿子

二、 jquery对象

$(xxx) 的相关概念：

jquery中最常见的函数.  有2个作用:

1. 作为元素选择器 来获取元素.(修改元素。)

只需要要css选择器 通过字符串的形式作为参数传递进行即可

例如$("p")  表示获取所有的p标签

例如$(".p")  表示获取所有class为p的元素

    

2. 预加载函数（文档就绪函数）   先将HTML加载完成 再来执行我  用法:将function作为参数传递即可

如果可以保证js代码在HTML下方. 就可以不用该函数

三、query自创选择器

jquery不仅可以使用CSS选择器  也有自带的选择器。

如下：

:eq(xxx)选择器   表示获取第xxx个  0表示第一个

$("span:eq(4)").text("~~~")

:lt(xxx)选择器   表示获取小于xxx的元素  0表示第一个

$("span:lt(4)").text("~~~")

           

:gt(xxx)选择器   表示获取大于xxx的元素  0表示第一个

$("span:gt(2)").text("~~~")

:not选择器--> 表示获取除了指定位置外的其他元素

$("span:not(:gt(2))").text("~~~");

:even选择器  获取下标为偶数  

$("div:even").css("background-color","Red");

           

:odd选择器  获取下标为为奇数

$("div:odd").css("background-color","blue");

           

:first选择器  获取下标为0

$("div:first").css("background-color","yellow");

           

:last选择器  获取最后一个

$("div:last").css("background-color","pink");