- 事件处理默认是冒泡的:div里面有个span,span的click事件同时也会调用body的click事件。
- 阻止事件冒泡:event.stopPropagation();
$(“span”).bind(“click”,function(event){
alert(“call span click”);
event.stopPropagation();
}) - bind(“事件名称click”,function( event){}) event需要传递进来
- javascript里面的onload方法每次都是等整个DOM都load完成,包括需要引用外部文件load完成才会触发。
JQuery的$(document).ready(function(){}) 整个页面的结构组织好,但是还没有来得及引入外部文件的时候就触发了。所有比js里面的onload方法快。 - hover(function(){}, function(){}) 等价于mouseOver 和 mouseOut两个方法的效果
toggle(function(){}, function(){})) 原来有现在就没有,原来没有现在就有。 - 阻止默认行为:event.preventDefault(); 比如type=“submit”的button,默认会提交表单。
也可以使用return false;来代替 - unbind() — 解除事件绑定
- trigger() — 加载时触发事件 trigger(“click”) == click()等价于js里直接调用click方法
- fadeIn() fadeOut() — 渐变的效果
sildeUp() slideDown() — 滑入效果
animate() — 自定义动画的效果 - css的opacity 透明度=1