简介
jQuery是JavaScript的类库，将JavaScript封装起来，以更少的代码实现更全面的功能，也可以说是JavaScript升级版。
加载
jQuery是一种加载的方式执行，与JavaScript中的onload不同，javascript中的加载是在页面加载完成之后加载，而jQuery在页面加载后加载。
$(document).ready(function(){ JQuery代码 });$(function(){ JQuery代码 }).
jQuery普通选择器：与CSS类似
id选择器：$("#id");类选择器：$(".class");标签选择器：$(“标签名”);
var first
= $("#first");
var second
= $(".second");
var div
= $("div");
jQuery层次选择器
并集选择器：$("选择器1， 选择器2，… ");逗号分隔。交集选择器：$(“选择器1选择器2…”);选择器之间不分隔。后代选择器：$(“选择器1 选择器2”);空格分隔。子选择器：$(“选择器1 > 选择器2”);选择器1下的属于选择器2的直接子元素.一般兄弟选择器：$(“选择器1 ~ 选择器2”);选择器1之后的所有属于选择器2的元素。相邻兄弟选择器：$(“选择器1 + 选择器2”);选择器1之后的一个属于选择器2的相邻元素。
var demo1
= $("#div1, #div2");
var demo2
= $("a:gt(1)");
var demo3
= $("ul li span");
var demo4
= $("ul
> li
);
var demo5
= $("p ~ div");
var demo6
= $("p + div");
jQuery属性选择器
[属性]： 选择含有指定属性的元素。[属性 = 值]：选择属性等于指定值的元素。[属性 != 值]：选择属性不等于指定值的元素。[属性 ^= 值]：以~开头的属性。[属性 $= 值]：以~结尾的属性。[属性 *= 值]：包含该值的属性。
<script type
="text/javascript">
$("[class]").css("font-size", "18px")
$("[class = 56t]").css("color", "red");
$("[class ^= 6]").css("background-color", "gray");
$("[class $= t]").css("background-color", "blue");
$("[class *= dddd]").css("color", "white");
$("li[class != 6lksjldg]").css("font-style", "italic");
</script
>
jQuery过滤选择器
：first = 第一个匹配的元素。：last = 最后一个匹配的元素。：even = 索引值为偶数的元素，从0开始。：odd = 索引值为奇数的元素，从0开始。：eq(index) = 索引值为index的元素。：gt(index) = 大于索引值的元素。：lt(index) = 小于索引值的元素。：not(选择器) = 取反，与选择器的结果相反。：hidden = 所有被隐藏的元素。一般配合show()方法使用。：visible = 所有显示的元素。一般你配合隐藏方法hide()使用。 …
<script type
="text/javascript">
var first
= $("li:first")
$(":visible").hide();
$(":hidden").show();
...
</script
>
jQuery添加事件
与HTML类似，就是方法不以“on”开头，例如
click：点击事件。focus：获得焦点。 …
<script type
="text/javascript">
$("#btn").click(function(){
alert("点击事件")
});
...
</script
>
jQuery设置CSS样式
$(“选择器”).css(“属性名”, “值”);$(“选择器”).css({“属性1” : “值”, “属性2” : “值”, …});addClass()：添加样式类名。removeClass()：移除样式。
<script type
="text/javascript">
$("[class]").css("font-size", "18px");
$("[class]").css({"font-size" : "18px", "font-style" : "italic");
</script
>
jQuery显示与隐藏
hide()：隐藏元素。show()：显示元素。
jQuery淡入淡出
fadeIn([时间],[函数])：淡入，可以设置淡入后处理函数；fadeOut([时间],[函数])：淡出。fadeToggle()：自动切换淡入或淡出。
jQuery上下滑动显示与隐藏
slideDown()：向下滑出显示元素；slideUp()：向上折叠隐藏元素；slideToggle()：自动切换显示与隐藏。
jQuery绑定与解除事件
适用于添加事件后想撤销事件或撤销事件的处理函数的情况。
bind(事件名，函数)：给元素绑定指定时间和处理函数；unbind(事件名[，函数]) ：参数只有事件表示解绑事件；参数还有函数表示解绑事件的对应处理函数。
jQuery查询节点
first()：获得匹配元素集合中的第一个元素。last()：获得匹配元素集合中的最后一个元素。next()：获得匹配元素集合中每一个元素紧邻的下一个同辈元素的集合。prev()：获得匹配元素集合中每一个元素紧邻的上一个同辈元素的集合。find([selected])：查询本节点下的后代节点，可添加选择器进行筛选。children([selected])：查询本节点下的子节点，可添加选择器进行筛选。
jQuery添加节点
jQuery创建节点的方式很简单：$(“HTML内容”) 如 $("< p > 这是一个段落 < /p >");这就创建了一个节点信息。
append()：追加子节点。appendTo()：追加子节点，与append效果相同，但语法相反。prepend()：前置子节点。prependTo()：前置子节点，与prepend效果相同，但语法相反。after()：同辈元素后面添加节点。insertAfter()：与after效果相同，但语法相反。before()：同辈元素前面添加节点。insertBefore()：与before效果相同，但语法相反。
jQuery删除节点
remove()：删除调用该方法的节点。empty()：清空节点下的所有内容。detach()：从 DOM 中去掉所有匹配的元素。
jQuery替换节点
replaceWith()：将前面的节点替换为后面的节点。replaceAll(selected)：用前面的节点替换后面的节点。
jQuery复制节点
clone()：复制调用者的节点，与添加不同，相同的节点只能添加到一个位置上，复制则可以复制到多个位置。
