jquery中的on方法使用介紹
更新時(shí)間：2013年12月29日 16:41:57 作者：
使用jquery的朋友對(duì)其中的on方法并不陌生吧，下面為大家介紹下此方法的具體使用，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<title></title>
</head>
<body>
<input type="button" value="test" id="test"/>
<script type="text/javascript">
$(function(){
$("#test").hello({
"size":1
});
});
</script>
<script type="text/javascript">
;(function($){
$.fn.hello = function(options){
var defaults = {"size":0},
opts = $.extend({},defaults,options),
show = {
play:function(options){
var _root = this;
_root.autoPlay();
_root.eventClick();
},
autoPlay:function(){
console.log("auto");
},
eventClick:function(){
//$("#test").on("click",{show:"dd"},function(e){
// console.log("click :" + e.data.show);
//});
$("#test").on({
click:function(){
alert("click");
},
mouseenter:function(){
alert("enter");
},
mouseleave:function(){
alert("leave");
}
});
}
};
return this.each(function(){
show.play(opts);
});
};
})(jQuery);
</script>
</body>
</html>
相關(guān)文章
Jquery 垂直多級(jí)手風(fēng)琴菜單附源碼下載
本文給大家分享一款簡(jiǎn)單但實(shí)用的多級(jí)垂直手風(fēng)琴下拉菜單列表，完全使用css來制作多級(jí)手風(fēng)琴菜單，通過該代碼將不同的子菜單進(jìn)行分組制作出多級(jí)菜單的效果，本文附效果演示和源碼下載感興趣的朋友一起學(xué)習(xí)吧2015-11-11
jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
這篇文章主要介紹了jQuery如何獲取/設(shè)置/刪除DOM元素的屬性,需要的朋友可以參考下2014-05-05
jquery圖片不完全按比例自動(dòng)縮小的簡(jiǎn)單代碼
開發(fā)前期用自動(dòng)生產(chǎn) 固定大小的圖片 進(jìn)行 顯示，發(fā)現(xiàn)不能滿足，在前期的時(shí)候把保存了原圖，現(xiàn)在只能顯示原圖，原圖由于上傳時(shí)候沒有做任何限制所有要使用 圖片不完全按比例縮小，下面是代碼2013-07-07
jQuery實(shí)現(xiàn)當(dāng)拉動(dòng)滾動(dòng)條到底部加載數(shù)據(jù)的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)當(dāng)拉動(dòng)滾動(dòng)條到底部加載數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)滾動(dòng)事件的監(jiān)聽、響應(yīng)及數(shù)據(jù)加載相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
圖片旋轉(zhuǎn)任意角度在某些應(yīng)用中時(shí)很有必要的，現(xiàn)在有一款JQuery插件可以辦得到，接下來為大家介紹下使用方法，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-03-03
當(dāng)點(diǎn)擊span的時(shí)候div和body的事件全部觸發(fā)了。要阻止這種發(fā)生并使用模擬事件。具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
jQuery實(shí)現(xiàn)的兼容性浮動(dòng)層示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的兼容性浮動(dòng)層,可兼容IE、火狐等主流瀏覽器,涉及jQuery針對(duì)頁面元素的運(yùn)算與屬性的動(dòng)態(tài)設(shè)置相關(guān)技巧,需要的朋友可以參考下2016-08-08
jQuery實(shí)現(xiàn)IE輸入框完成placeholder標(biāo)簽功能的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)IE輸入框完成placeholder標(biāo)簽功能的方法,涉及jQuery事件響應(yīng)及針對(duì)頁面元素屬性的動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09
jQuery實(shí)現(xiàn)強(qiáng)制cookie過期方法匯總
本文是對(duì)jquery 強(qiáng)制cookie失效的解決方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2015-05-05
JQuery讀取XML文件數(shù)據(jù)并顯示的實(shí)現(xiàn)代碼
今天向大家演示如何通過JQuery框架為空白HTML文檔加載從XML文件讀取的數(shù)據(jù)并顯示出來。我們將會(huì)主要用到JQuery自帶過程$.get 。2009-12-12