jQuery学习笔记第四章

window.onload和$(document).ready()的区别就是前者会等待dom和各种资源(如图片等)全部加载完毕后才会执行js代码，而jQuery的$(document).ready()则是在dom加

window.onload和$(document).ready()的区别就是前者会等待dom和各种资源(如图片等)全部加载完毕后才会执行js代码，而jQuery的$(document).ready()则是在dom加载完后就会执行js代码，如果你希望jQuery中也是dom和全部资源都加载完毕后再执行js代码，则可以使用$(window).load(function(){});
$(“body”).bind(“click”,function(){});//绑定点击事件
常用的事件也可以用$(“body”).click(function(){});
is()方法可以用来判断，比如is(“visible”)判断元素是否可见
hover和toggle都是合成事件，hover(enter,leave)，当鼠标移到元素上时，hover会调用enter，当鼠标离开元素时，会调用leave
toggle(fn1,fn2,fn3,fn4,….),(此功能在jQuery1.9被移除)当鼠标点击一个元素是会调用fn1，点击第二次时会调用fn2,以此类推，当调用到最后一个fn时会自动调用第一个fn
事件冒泡:就是比如body中的按钮有点击事件，body自己也有点击事件时，如果点击按钮，会触发上层元素body的点击事件，这样会带来一些意想不到的后果，可以使用
event.stopPropagation(),其中event是function(event)
阻止默认行为:event.preventDefault(),同样可以在事件函数中使用return false;也可以达到阻止默认行为的目的
获取事件类型:event.type,比如点击事件则会输出click
获取触发事件的元素:event.target,比如点击按钮，则会输出按钮
获取触发事件元素的相关元素:event.relatedTarget,比如focus,则会输出失去焦点的元素
获取鼠标按键:event.which,1表示左键，2表示中键，3表示右键
删除元素的绑定的事件:$(‘#btn’).unbind(),如果没有传递参数则会删除改元素绑定的所有事件
$(‘#btn’).unbind(“click”);删除此元素的click事件
$(‘#btn’).unbind(“click”,myFun1);删除此元素的click事件的myFun1绑定函数
$(‘#btn’).one(“click”,function(){});one()在你第一次点击之后会自动删除这个绑定的事件处理函数
模拟操作:$(‘#btn’).trigger(“click”);模拟按钮点击事件
$(‘#btn’).trigger(“click”,);模拟按钮点击事件
$(‘#btn’).trigger(“myclick”, “你好啊”);模拟点击同时传递数据
接收数据
$(‘#btn’).bind(“myclick”, function (event, msg) {
alert(123 + msg);//123你好啊
});

绑定多个事件:
$(“#btn”).bind(“mouseover mouseout”, function () {
$(this).toggleClass(“you”,true);
});

淡入淡出:fadeIn,fadeOut,合成fadeToggle

滑上和滑下:slideUp,slideDown,合成slideToggle

动画方法animate({left:”500px”},3000)表示这个元素在3000ms内要移动到距离左边距500px的位置，第二个参数是时间，第三个可以有一个callback,animate({left:”+=500px”},3000)表示从当前位置移动500px

停止动画:stop( [clearQueue ] [, jumpToEnd ] ),第一个参数和第二个参数都是可选，默认全部为false,第一个设置为true则会清空之后所有的动画序列，第二个true则是直接跳转到动画序列中的最后一个动画效果。

判断元素是否处于动画状态:is(“animated”)