jquery自定義事件簡單例項程式碼

antzone發表於2017-04-18
jQuery事件單例

雖然jquery自己提供了豐富的事件，但是有時候這些自帶的事件並不能夠滿足實際應用，這個時候就需要自定義事件，下面就是一段簡單的自定義事件程式碼例項，希望能夠給初學者帶來一定的幫助。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript">
$(function(){
  $("#btn").bind("newClick",function(){
    $("#thediv").append("螞蟻部落").append($("<br/>"));
  });
  $("#btn").click(function(){
    $(this).trigger("newClick");
  });
});
</script>
</head>
<body>
<input id="btn" type="button" value="檢視效果">
<div id="thediv"></div>
</body>
</html>

以上程式碼是一個簡單的自定事件程式碼，這裡就不多介紹了，具體可以參閱相關閱讀或者跟帖留言。

相關閱讀:

1.append()函式可以參閱jQuery append()一章節。 

2.trigger()函式可以參閱jQuery trigger()一章節。

相關文章