JQuery使用和选择器

1、优点

（1）能解决浏览器的兼容性JS问题

（2）解决JS代码冗余的问题

（3）动画效果更容易实现

2、压缩过的和不压缩的区别

（1）开发过程中用未压缩的；上线后用压缩版本。

（2）版本问题：1.XXX兼容IE678

　　                2.XXX不在支持IE678

还有专门用于移动开发的jQuery

3、两种入口函数方式

（1）$(document).ready(function(){

});

（2）$(function(){

});

（3）JS中不能有两个入口函数，因为后边的会覆盖前面的。但是JQuery入口函数不会被覆盖，两个入口函数都会执行。

（4）入口函数区别：

　　 JS的入口函数是等到页面所有内容（js、css 、dom树）都加载完成后才会去执行。

　　 JQuery的入口函数是等到页面的dom树加载完成后才会去执行。

4、JQuery的详细使用

　　JQuery中占用了$和JQuery两个变量，起初就是用JQuery，但是后来觉得麻烦，所以就用了$代替JQuery。

　　JQuery的$符号已被占用，所以JS中可以用$符号作为变量名或函数名，但是JQuery中就不可以。

5、css在JQuery中的详细使用

（1）设置样式

　　   $("选择器名称").css(属性列表);

样例：$("选择器名称").css("属性","值");设置一个样式

　　   $("选择器名称").css({"属性":"值","属性":"值"});设置多个样式

通过函数来设置样式：适用于选择出多个选择器，想给其中的几个设置样式

$("选择器名称").css("属性",function(index,value){

　　　　　　index是代表的序号，加个if判断之后就可以通过index来给特定的选择器进行设置

　　    });

（2）获取样式

　　$("选择器名称").css(属性);

6、JQuery是JavaScript的类库

　　在世界上访问量前10000的网站中，有超过44%的网站都在用JQuery。JQuery开发出来的时候创始人只有22岁。

两者区别：JavaScript包含jQuery。

7、JQuery选择器

（1）基本选择器

#id   .class   标签

（2）层级选择器

后代选择器  用空格：选择所有的后代元素

子代选择器  用>：选择所有的儿子元素

紧邻选择器  用+：选择紧挨着的下一个元素    例如：div+p  div后边（同级）中的第一个p标签。

用~：选择后边所有的兄弟元素    例如：div~p  div后边（同级）的所有兄弟元素p标签

（3）过滤选择器

:eq(index)   选择序号为index的进行处理     例如：$("li:eq(index)").css("属性","值");

:gt(index)   选择序号大于index的进行处理   例如：$("li:gt(index)").css("属性","值");

:lt(index)    选择序号小于index的进行处理   例如：$("li:lt(index)").css("属性","值");

:odd          选择所有序号为奇数行的元素进行处理

:even         选择所有序号为偶数行的元素进行处理

:first          选择匹配第一个元素

:last          选择匹配第二个元素

（4）属性选择器

[attr]                选取有这个属性的元素

[attr='value']     选取属性值等于value的属性的元素

[attr!='value']    选取属性值不等于value的属性的元素

[attr^='value']   选取属性值前边能匹配value的属性的元素

[attr$='value']    选取属性值后边能匹配value的属性的元素

[attr*='value']    选取属性值中包含value的属性的元素

[][][][][]             多个属性去确定一个元素的时候，只有所有属性都满足的时候，才能被选中。

以a元素和href属性为例进行分析。

（5）筛选选择器（都是方法）

.eq(index)

.first()

.last()

.parent()    可以传递参数，也可以不传递参数，如果传递参数的话就相当于传递一个

.find("")      参数代表选择的后代