jQuery自定義事件的簡單實現(xiàn)代碼
更新時間：2014年01月27日 09:10:55 作者：
本篇文章只要是對jQuery自定義事件的簡單實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
一、需求原因
雖然JQuery為我們定義了許多的事件，但是有時候還是不能滿足我們的要求，故本例實現(xiàn)一個自定義事件實現(xiàn)的例子。
二、具體實現(xiàn)
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<title>自定義事件</title>
<script language="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").bind("myClick",function(){
$("#test").append("自定義事件").append($("<br>"));
});
$("#btn").click(function(){
$(this).trigger("myClick");
});
});
</script>
</head>
<body>
<input id="btn" type="button" value="點我">
<div id="test"></div>
</body>
</html>
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)的無限級下拉菜單,涉及jQuery事件響應及頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
jQuery是一個非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時還有許多成熟的插件可供選擇。其中，jQuery 最令人印象深刻的應用之一就是對圖片的處理，它可以讓幫助你在你的項目中加入各種精美的圖片展示效果2012-08-08
Tinymce+jQuery.Validation使用產(chǎn)生的BUG
在IE6下，當頁面有advanced模式的Tinymce編輯器，并且，并且jquery.validation使用了jquery.metadata時會出現(xiàn)以下問題2010-03-03
當我們點擊表格里面的標題顯示相關(guān)的詳細信息，比如點擊新聞標題顯示正文，而正文通常是在一個頁面里面，通過獲取傳遞的參數(shù)id查詢數(shù)據(jù)庫，然后顯示出來2011-11-11
這篇文章主要介紹了jQuery實現(xiàn)hover合成事件的方法,涉及jquery中hover事件及鏈式操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jquery 獲取自定義屬性(attr和prop)的實現(xiàn)代碼
jquery中用attr()方法來獲取和設置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經(jīng)常用到attr()，attr()有4個表達式2012-06-06
jQuery實現(xiàn)滾動條滾動到子元素位置（方便定位）
本文主要介紹了jQuery實現(xiàn)滾動條滾動到子元素位置的方法。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
本文給大家分享的是使用jquery實現(xiàn)表單驗證并阻止非法提交的代碼，思路非常不錯，這里推薦給小伙伴們參考下。2015-07-07
基于jquery的內(nèi)容循環(huán)滾動小模塊（仿新浪微博未登錄首頁滾動微博顯示）
新浪微博未登錄首頁有一個“大家正在說”的模塊，動態(tài)滾動最新發(fā)布的微博。2011-03-03
jQuery html() in Firefox (uses .innerHTML) ignores DOM chang
Firefox doesn't update the value attribute of a DOM object based on user input, just its valueproperty - pretty quick work around exists.2010-03-03