jQuery自定義事件的簡單實(shí)現(xiàn)代碼
一、需求原因
雖然JQuery為我們定義了許多的事件,但是有時候還是不能滿足我們的要求,故本例實(shí)現(xiàn)一個自定義事件實(shí)現(xiàn)的例子。
二、具體實(shí)現(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="點(diǎn)我">
<div id="test"></div>
</body>
</html>
相關(guān)文章
jQuery實(shí)現(xiàn)的無限級下拉菜單功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的無限級下拉菜單,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2016-09-09Tinymce+jQuery.Validation使用產(chǎn)生的BUG
在IE6下,當(dāng)頁面有advanced模式的Tinymce編輯器,并且,并且jquery.validation使用了jquery.metadata時會出現(xiàn)以下問題2010-03-03jQuery實(shí)現(xiàn)hover合成事件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)hover合成事件的方法,涉及jquery中hover事件及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08jquery 獲取自定義屬性(attr和prop)的實(shí)現(xiàn)代碼
jquery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute(屬性)的縮寫,在jQuery DOM操作中會經(jīng)常用到attr(),attr()有4個表達(dá)式2012-06-06jQuery實(shí)現(xiàn)滾動條滾動到子元素位置(方便定位)
本文主要介紹了jQuery實(shí)現(xiàn)滾動條滾動到子元素位置的方法。具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01jquery實(shí)現(xiàn)表單驗證并阻止非法提交
本文給大家分享的是使用jquery實(shí)現(xiàn)表單驗證并阻止非法提交的代碼,思路非常不錯,這里推薦給小伙伴們參考下。2015-07-07基于jquery的內(nèi)容循環(huán)滾動小模塊(仿新浪微博未登錄首頁滾動微博顯示)
新浪微博未登錄首頁有一個“大家正在說”的模塊,動態(tài)滾動最新發(fā)布的微博。2011-03-03jQuery 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