jQuery事件处理&动画效果

《目录》

1. jQuery的几种事件语法及运用；
2. jQuery的一些动画效果；
3. 日常案例；

---

一、jQuery事件

好啦，今天让我们一起来看看jQuery的事件是什么样的，和JavaScript又有什么区别？

1.1 js和jQuery的自动调用有何区别：

 JavaScript：一个页面只可以写一个，需要互相去调用；
            window.οnlοad=function(){
                console.info("[js方式1]");
            }

jQuery：可以写多个，都会执行。
            $(function(){
                console.info("[jQuery方式1]");
            })

 1.2 绑定事件的两种方式：[例如：点击、悬停事件等...]

语法：元素.on/bind()；

    $("#aa").on("click",function(){//on
		alert("点我干啥!");
    })
	$("#aa").bind("mouseover",function(){//bind
		alert("简简单单!")
	})

语法2：元素.事件名；

$("#aa").click(function(){
	alert("点我干啥!");
})

1.3 合成事件；

---hover()悬停控制元素[div]的显示和隐藏；

使用: $().hover(function(){},function(){});

$("#aa").hide();//先默认隐藏
$("a").hover(function(){
	$("#aa").show();//显示
},function(){
	$("#aa").hide();//隐藏
})

---toggle()点击控制元素[div]的显示和隐藏[注意版本问题!!!]
 

$("#aa").hide();//隐藏
$("a").toggle(function(){//点击一下
     $("#aa").show();//显示
},function(){//再点一下
     $("#aa").hide();//隐藏
})

1.4 事件的传播 小p->中div->大bdy；

[传播事件是可以阻止的]：return false；

//分别添加点击事件
$("p").click(function(){
	console.info("颜忠祺p被打了!")
})
$("div").click(function(){
	c