JQuery基础

严格来说，JQuery并不是一门新的语言，它和JS类似，只是它相对于JS而言，代码量缩小，JS有些属性或方法浏览器不兼容的，JQuery可以解决兼容问题。若想要减少代码量、工作量，学习JQuery是较为重要的，自然，要想学好某项知识就必须先打好基础，这样才可以更好的深入学习。
一、JQuery入口函数
1、$(function(){ 代码块;}）
2、$(document).ready(function(){ 代码块;})
二、JQuery选择器
1、(“标签名”);2、(“.类名”);
3、$(“#ID”);
JQuery选择器中，一个页面中同一个标签必然会重复使用，类名也可以重复使用，因而，选择器返回的皆是JQuery对象类数组，虽然在一个页面中ID是唯一的，返回的只有一个值，但依然把它放在类数组中。
三、JQuery筛选器
1、正在处理的元素后代中查找符合的选择器的内容：选择器.find("标签/.类名/#ID名);
2、正在处理的元素的子元素:
（1）所有的子元素:选择器.children();
（2）指定的子元素:选择器.children("标签/.类名/#ID名");
3、指定的元素:选择器.eq(index);index为索引值，从0开始
4、正在处理的元素的父元素:
（1）所有的父元素:选择器.parent();
（2）指定的父元素:选择器.parent("标签/.类名/#ID名);
5、正在处理的元素的兄弟元素:
（1）所有的兄弟元素:选择器.siblings();
（2）指定的兄弟元素:选择器.siblings("标签/.类名/#ID名);
筛选器不仅仅是以上几种，以上比较常用的筛选器。想要了解更多的筛选器，可以上网查找一下JQuery API手册。
四、CSS样式操作
1、获取属性:选择器.css("属性名");
2、设置属性:选择器.css("属性名","属性值");
3、设置多个属性:选择器.css({"属性名":"属性值","属性名":"属性值",......});
4、添加样式：选择器.addClass="类名";
5、移除样式:选择器.removeClass="类名";
6、判断是否存在该样式:选择器.hasClass="类名";
7、若存在该样式，则移除，若不存在，则添加:选择器.toggleClass("类名");
五、JQuery动画
1、显示/隐藏:show();/hide();,这两种方法中可以添加参数，参数个数为两个。两个参数的含义为：
（1）第一个参数:速度，可以为slow(缓慢，600ms)、normal(正常，400ms)、fast(快速，200ms)、具体的时间；
（2）第二个参数:动画完成后执行的回调函数，可写可不写
（3）若不带参数，则没有明显的动画效果，只是一般的显示和隐藏。
2、滑入/滑出:slideDown();/slideUp();滑入/滑出的使用以及参数和显示/隐藏一样，只是，相对于显示/隐藏，滑入/滑出多了另一个方法:slideToggle();该方法是：若调用，则元素已经滑入的时候则滑出，元素已经滑出的话就滑入。
3、淡入/淡出:fadeIn();/fadeOut();淡入/淡出的使用以及参数和显示/隐藏一样，淡入/淡出和滑入/滑出一样相对于显示/隐藏多了另一个方法:fadeToggle();该方法的使用原理和slideToggle()一样。但相对于滑入/滑出，淡入/淡出比它多了一个方法:fadeTo(speed,opacity);该方法是淡入/淡出到指定的透明度。fadeTo()中有两个参数：第一个参数为动画的速度，第二个参数为指定的透明度。
4、自定义动画:选择器.animate(json,speed,callback);各个参数的含义:
（1）json:要执行的动画是CSS属性，必填项；
（2）speed:执行动画的时长；
（3）callback:动画完成后立即执行的回调函数，可写可不写
注意：建议使用stop()函数与自定义动画函数配合使用。stop()函数：拥有两个参数，第一个参数：是否清空所有的后续动画，值为:true/false,若为true,则无后续动画;第二个参数:是否立即执行完成当前正在执行的动画，值为:true/false,若为true，则直接到达指定位置，若为false,则停在当前运动到的位置。
六、节点操作
1、创建节点:$("<标签名>内容</标签名>");
2、添加节点:
（1）在被选定元素之后插入:$(选择器).after(新节点);
（2）在被选定元素之前插入:$(选择器).before(新节点);
（3）在父元素的最后一个子元素后插入:$(父元素).append(新节点);
（4）在父元素的第一个子元素前插入:$(父元素).prepend(新节点);
3、删除节点:
（1）清空指定元素的子节点（不包括自身）:$(选择器).html(" ");或$(选择器).empty();
（2）从文档中删除（包括自己）:$(选择器).remove();
4、复制节点:$(选择器).clone();
5、属性节点
（1）获取属性:$(选择器).attr("属性名");
（2）设置属性:$(选择器).attr("属性名","属性值");
（3）移除属性:$(选择器).removeAttr("属性名");
注意：若移除的属性为:disabled、checked、selected，使用$(选择器).pop("属性名",true/false);
七、事件
1、一般事件绑定:
（1）JQuery对象.on("事件类型",function(){ 代码块;});
（2）$(选择器).事件类型(function(){ 代码块;});参数含义:
a、事件类型:可为多个，事件类型之间以空格隔开；
b、function:事件处理函数
（3）事件绑定:$(选择器).bind("事件类型",function(){ 代码块;});
（4）事件解绑:$(选择器).delegate("事件类型",function(){ 代码块;});