`
zuroc
  • 浏览: 1291751 次
  • 性别: Icon_minigender_1
  • 来自: 江苏
社区版块
存档分类
最新评论

jquery 1.3 event模型(消息<->订阅者)

阅读更多
1.3中对event进行改版,现在$(xxx).click等等都是用它的event来实现的了

但是,我今天关心的不是这个,我们来谈谈自定义事件
--------------------------
在firebug运行以下代码试试

var zsp = $.Event("zsp");
$().bind("zsp",function(e){alert(1+e.type)})
$().bind("zsp",function(e,xx){alert(2+xx)})
$().trigger(zsp,["bbb"])

--------------------------
代码解读

//一种新类型的自定义事件,好像必需要这样初始化一下
var zsp = $.Event("zsp");

//在全局绑定一个这个事件
//bind函数的原型 bind( type, [data], fn )
$().bind("zsp",function(e){alert(1+e.type)})//1zsp
$().bind("zsp",function(e,xx){alert(2+xx)})//2bbb

//trigger( event, [data] )
//zsp也可以直接用字符串
//如果只有一个参数,可以简单的写 $().trigger(zsp,"bbb")
$().trigger(zsp,["bbb"])

解除绑定用
$().unbind(xxx);

前面$()是用css选择器的
这样就可以有选择的批量绑定/批量触发了
1
0
分享到:
评论
1 楼 fuzan 2009-01-26  
问个问题,自定义事件如何定义,他是一个怎样的操作?一般来讲都会是把一些现有的事件组合成为新的自定义事件,那这个组装怎么写呢?

相关推荐

    《JQuery1.3中文参考手册》-电子文档下载HTML.zip

    《JQuery1.3中文参考手册》-电子文档下载HTML.zip

    JQuery1.3正式版--JQuery最新版

    JQuery1.3正式版--JQuery最新版

    《JQuery1.3中文参考手册》-电子文档下载HTML

    《JQuery1.3中文参考手册》-电子文档下载HTML

    JQuery常用组件

    -弹出对话框组件&lt;br&gt;jquery.tooltip.zip --提示文字组件&lt;br&gt;jquery.validate.zip --表单验证组件&lt;br&gt;jquery_api.chm --jQuery中文手册&lt;br&gt;jquery-mztree.zip --jQuery结合MzTreeView的组件做的地区选择&lt;br&gt;jsPacker....

    jquery省市区县三级联动-支持预设默认值;

    &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="area.js"&gt;&lt;/script&gt; &lt;script&gt; $(function(){ init("province","city","area"); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;!...

    Jquery的2款具有滑动效果的导航代码

    (IE)]&gt;&lt;!--&gt;&lt;html class="no-js" lang="en"&gt;&lt;!--&lt;![endif]--&gt; 此段代码替换&lt;html&gt;,为了兼容IE6,7,8浏览器 2、head区域引用文件jquery.js(必须是1.5.2以上的版本的jquery库),jquery.color-rgba-patch.js,...

    jquery各版本,jquery1.3-1.7,jquery文件

    jquery各版本,jquery1.3-1.7,jquery文件

    jquery日历控件

    &lt;script src="jquery-1.7.2.js"&gt;&lt;/script&gt; &lt;script src="ui/jquery.ui.core.js"&gt;&lt;/script&gt; &lt;script src="ui/jquery.ui.widget.js"&gt;&lt;/script&gt; &lt;script src="ui/jquery.ui.datepicker.js"&gt;&lt;/script&gt; &lt;script&gt; $...

    01-JSONP.rar

    &lt;script src="./node_modules/jquery/dist/jquery.js"&gt;&lt;/script&gt; &lt;!-- //这种方式是我们自己写的jsonp的 --&gt; &lt;script src="http://127.0.0.1:8001/list?callback=open"&gt;&lt;/script&gt; &lt;!-- 这个是jquery帮我们...

    【JavaScript源代码】JavaScript+html实现前端页面随机二维码验证.docx

     分享炫酷的前端页面随机二维码验证,供大家参考,具体内容如下 直接上代码 &lt;%@ page ...--引入jquery的js --&gt; &lt;script type="text/javascript" src="../jquery/jquery.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;style&gt; .in

    jQuery1.3 jQuery1.3

    jQuery1.3 jQuery1.3 jQuery1.3

    jQuery 1.3 API 参考文档中文版 html

    * show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中,padding和margin也会有动画,效果更流畅。 * jQuery(html,[ownerDocument])等效于$(document.createElement("span") * is支持复杂表达式 ...

    bootstrap后台管理模板

    &lt;p&gt;JS框架:jquery-2.1.1、Bootstrap.js、JQuery UI&lt;/p&gt; &lt;p&gt;CSS框架:Bootstrap v3.3.4(稳定是后台,UI方面根据需求自己升级改造吧)。&lt;/p&gt; &lt;p&gt;客户端验证:jQuery Validation Plugin 1.9.0。&lt;/p&gt; &lt;p&gt;在线编辑...

    跨年烟花代码-HTML

    &lt;!DOCTYPE html&gt; ... &lt;script type="text/javascript" src="js/jquery-1.11.0.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.fireworks.js"&gt;&lt;/script&gt; &lt;script type="text/ja

    jQuery-简易单面板日历选择插件.zip

    代码片段: &lt;div class="select-date-body"&gt; &lt;ul class="week-list"&gt; ... &lt;li&gt;日&lt;/li&gt;&lt;li&gt;一&lt;/li&gt;&lt;li&gt;二&lt;/li&gt;&lt;li&gt;三&lt;/li&gt;&lt;li&gt;四&lt;/li&gt;&lt;li&gt;五&lt;/li&gt;&lt;li&gt;六&lt;/li&gt; &lt;/ul&gt; &lt;ul class="day-tabel"&gt;&lt;/ul&gt; &lt;/div&gt;

    JQUERY1.3中文参考资料CHM

    JQUERY1.3中文参考资料--CHM格式

    jquery-1.1.3 效率提高800%

    &lt;br&gt;Safari 2 3575ms 475ms 753% &lt;br&gt;Opera 9.1 3196ms 326ms 980% &lt;br&gt;Average improvement: 867% &lt;br&gt;&lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比:&lt;br&gt;Browser Prototype jQuery Mootools Ext Dojo &lt;br&gt;...

    大图jQuery多屏首页焦点图代码

    使用方法: ...例如autoPage:"&lt;li&gt;&lt;a&gt;$&lt;/a&gt;&lt;/li&gt;",如果不想输出数字:autoPage:"&lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;"。 prevCell:前一个/页按钮对象。默认(".prev") nextCell:后一个/页按钮对象。默认(".next")

    jQuery搜索框实例绑定提交事件.zip

     &lt;a &gt;&lt;span class="home_icons icon-baidu"&gt;&lt;/span&gt;&lt;/a&gt;  &lt;/li&gt;  &lt;li&gt;  &lt;a &gt;&lt;span class="home_icons icon-360"&gt;&lt;/span&gt;&lt;/a&gt;  &lt;/li&gt;  &lt;li&gt;  &lt;a &gt;&lt;span class="home_icons icon-bing"&gt;&lt;/span&gt;&lt;/a&gt;  &lt;/...

Global site tag (gtag.js) - Google Analytics