$('div').insertAfter($('p'))和$('p').after($('div'))作用相同都是把div放在p的后面，但不同的是操作对象不同，第一个操作对象是div，第二个是p，用.css('background','red')可现实操作对象为红色。
$('div').appendTo($('p'))和$('div').append($('p'))
第一个是把div放到p里，第二个是把p放在div里。
创建元素：
笨方法：
var oli=$('<li>');
oli.html('iiiiiii');
$('ul').append(oli);
简便方法：
$('ul').append('<li>hello</li>');
bind()绑定多个事件只需在事件中间加空格即可 如：
$('div').bind('mouseover mouseout',function(){ //在mouseover和mouseout中间加空格后当鼠标移入和移出都会执行函数
alert('ooooo');
});
one();
和bind()一样，区别在于只执行一次，下次在出发事件就不会再执行。
unbind()能取消bind()和one()绑定的事件。
toggle()
该方法可传入多个函数作为参数，并且依次执行参数中的函数，且在所有参数执行结束后会循环执行，我刚开始用这个函数时总报错，当时用的是jquery2.1版，后来改为1.8版就能正常使用了。
渐入渐出（fadeOut(毫秒) 和 fadeIn(毫秒) ）：
$('button').toggle(function(){
$('div').fadeOut();
},function(){
$('div').fadeIn();
});
上展出，下展出（slideUp(毫秒) 和slideDown(毫秒)）：
$('button').toggle(function(){
$('div').slideUp(1000);
},function(){
$('div').slideDown(120);
});
动画animate （要配合stop()的使用）：
stop()清理正在执行的动画。不加stop()会使动画在事件出发时完整的执行后再执行下一事件触发函数。
$('div').hover(function(){
$(this).animate({
300,
height:300
});
},function(){
$(this).animate({
100,
height:100
});
});
添加stop()动画效果更加合理：
$('div').hover(function(){
$(this).stop().animate({
300,
height:300
});
},function(){
$(this).stop().animate({
100,
height:100
});
});
hover()函数里有两个function作为参数，第一个代表进入时执行，第二个移出时执行。