jQuery初体验
jQuery选择器("div")
("#mylove")
("#color.yellow")
页面准备就绪时
jQuery:
$(document).ready(function(){
//your code
});

JavaScript:
window.onload=function(){
//your code
};
监听事件

绑定事件
jQuery:
$("#click").bind("click",function(){
//your code
});

JavaScript:
var click=document.getElementById("click");
click.addEventListener("click",function(){
//your code
});
解绑事件
jQuery:
("#click").unbind(); 删除所有事件

JavaScript:
var click=document.getElementById("click");
click.removeEventListener("click"); //除了IE8或之前
click.detachEvent("click"); //IE8或之前
单击
jQuery:
$("#click").click(function(){
//your code
});

JavaScript:
document.getElementById("click").onclick=function(){
//your code
};
遍历

each()
jQuery:
$("p").each(function(){
//your code
});

JavaScript:
var p=documentElementsByTagName("p");
for(var i in p){
p[i] = //yourcode;
};
jQuery集成了很多效果，很好用

slideUP() 向上收起
slideDown() 向下展开
slideToggle()
fadeIn(速度/ms) 渐入

$.contains(xxx,yyy); 判断 元素xxx 中是不是有 元素yyy
对元素的操作

添加元素
jQuery:
hello!

JavaScript:
var div=document.getElementById("div");
var p=doucment.createElement("p");
div.appendChild(p);
hello!

hello!

("#fish").siblings(); //id=fish 的元素的所有同级元素
$("#fish").closest("ul"); //离 id=fish 最近的 ul

(".fish").eq(); //离 id=fish 最近的 ul
(".fish").slice(); //离 id=fish 最近的 ul
(".fish").not(); //离 id=fish 最近的 ul

("#fish").closest("ul").parents(); //随意组合
替换元素
$("#fish").replaceWith("<p>hello!</p>"); //把 id=fish 的元素替换成 <p>hello!</p>
this

jQuery:
$(this).click(function(){});

JavaScript:
this.click=function(){};
$(this)
对CSS的操作

jQuery中有addClass、removeClass这样的命令来直接对单个CSS类进行操作
JavaScript只有className、classList这样的命令，只能对全部CSS类进行操作

jQuery:
("p").removeClass("yellow");

JavaScript:
p.className= //your code;