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