本文實例講述了JQuery中的事件及動畫用法。分享給大家供大家參考。具體分析如下：
1.bind事件
在上面的操作中我們新學習了bind事件，而bind事件是三個參數，第一個參數是事件的名字，例如：click，dbclick，mouseover等，第二個參數是data，也就是傳遞過來的事件對象，第三個參數是一個方法，即用來處理處理綁定的事件函數這就是我們的一個特殊的事件；另外在這裡還舉例寫了一個動畫中的例子，即文本信息的顯示或者隱藏，在還沒學習show（）和hide（）之前我們一般是按照上面第一種方式來寫的，定義一個bool類型的變數即可，這樣寫起來還是很簡單的，但是在寫顯示隱藏時間處理按鈕上面還蠻蠻煩的，所以在學習了show（）和hide（）後就簡單許多了，就是直接可以隱藏和顯示。可以比較一下，顯然在程式碼的處理上簡單啦。
2.toggle事件與事件冒泡
Toggle事件：模擬滑鼠點擊事件，當滑鼠移動到元素上時觸發第一個事件，當滑鼠離開元素時觸發第二個事件。兩個事件之間相互切換觸發；另外還要說下事 件冒泡，事件冒泡其實簡單的理解為：在一個頁面上可以有多個事件，也可以多個元素對應一個事件。像上面一樣假設頁面中存在兩個元素，其中一個div元素嵌套在另一個div元素中並且都綁定了一個click事件，那麼當你點擊內部中div元素時間，外部的div也會顯示，這就是事件冒泡。這裡要注意的是都綁定了一個事件，容易想當然的認為僅僅的內部發生click事件。
3.移除事件和連續增加多個事件
<script><br />
$(function () {<br />
$("removeall").click(function () { <br />
$("#btn").unbind(); //實現移除事件<br />
});<br />
$("#btn").bind("click", function () { //可連續新增多個事件<br />
$("#text").append("<p>我是第一個新增的事件")<br />
})<br />
.bind("click", function () {<br />
$("#text").append("<p>我是第二個新增的事件")<br />
})<br />
.bind("click", function () {<br />
$("#text").append("<p>我是第三個新增的事件")<br />
})<br />
});<br />
</script>
div文字訊息
上面我們學習了bind事件，就是添加一個事件，而unbind就是移除事件，我們可以對比一下，嘿嘿，而針對連續添加多個事件其實就是當你添加玩一個事件後繼續.bind添加事件即可。
4.模擬事件
我們學習的上面的bind事件、click事件等一般都是透過點擊按鈕才能觸發的事件，但是有時間，需要透過模擬使用者操作，來達到點擊的效果，例如：在使用者進入也買年後就觸發click事件，而不需要使用者去點擊，那麼我們就使用trigger（）方法來完成模擬操作。
5.一些其他的事件
動畫方法
6.多行文字方塊的應用-高度變化
<script><br />
$(function () {<br />
var comment = $("#comment");<br />
$(".bigger").click(function () {<br />
if (comment.height() < 500) {<br />
comment.height($("#comment").height() 100); //在原有高度的基礎上增加100<br />
}<br />
});<br />
$(".smaller").click(function () { <br />
if (comment.height() > 100) {<br />
comment.height($("#comment").height() - 100); //在原有高度的基礎上降低100<br />
}<br />
}); <br />
})<br />
</script>
