`
zuroc
  • 浏览: 1310025 次
  • 性别: 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正式版--JQuery最新版

    **jQuery 1.3 正式版:JavaScript 动态网页开发的新里程碑** jQuery,一个由John Resig创建的轻量级JavaScript库,自2006年发布以来,已经成为了Web开发领域不可或缺的一部分。jQuery 1.3是这个库的一个重要版本,...

    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....

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

    《JQuery1.3中文参考手册》是一本详细...总之,《JQuery1.3中文参考手册》是学习和掌握jQuery 1.3不可或缺的资源,无论是初学者还是经验丰富的开发者,都能从中受益,提高开发效率,构建更加动态和交互性的网页应用。

    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;!...

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

    总结来说,《JQuery1.3中文参考手册》是开发者掌握jQuery不可或缺的参考资料,无论你是初学者还是经验丰富的开发者,都可以从中获取实用的知识和技巧,进一步提升Web开发效率。通过深入学习和实践,你将能够充分利用...

    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; $...

    jquery入门之动态表格---动态添加删除一行

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; ``` 或者,如果你使用的是本地的`js`文件,可以这样引用: ```html &lt;script src="js/jquery.js"&gt;&lt;/script&gt; ``` 然后,我们可以编写JavaScript...

    jQuery1.3中文参考CHM

    **jQuery1.3中文参考CHM** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery1.3版本是该库的一个重要里程碑,它在性能、API改进和兼容性方面都有...

    jQuery 1.3 API 参考文档中文版 html

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

    ( Struts2+JQuery插件的使用

    &lt;%@ taglib prefix="sj" uri="/struts-jquery-tags"%&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;首页&lt;/title&gt; &lt;sj:head jqueryui="true"/&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 页面内容 --&gt; &lt;/body&gt; &lt;/html&gt; ``` 这里使用`&lt;sj:head&gt;`标签引入...

    jQuery1.3 jQuery1.3

    **jQuery1.3详解** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。jQuery1.3是该库的一个重要版本,它在前一版本的基础上进行了许多优化和改进,提升了性能和...

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

    这个压缩包文件包含了从jQuery1.3到jQuery1.7的多个版本,这些版本见证了jQuery的发展历程和功能改进。 jQuery1.3版本引入了一些重要的更新和性能提升,比如对CSS选择器的支持更加完善,包括对伪类和属性选择器的...

    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;在线编辑...

    Struts2 JQuery 文件上传 进度条

    &lt;script src="/webjars/jquery-ui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;script src="/struts2-jquery-file-upload/js/fileupload.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="fileUpload.action" method="post...

    jQuery UI Multiselect (jQuery UI 多选框)

    &lt;script src="jquery-ui.multiselect.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="jquery-ui.css"&gt; &lt;link rel="stylesheet" href="jquery-ui.multiselect.css"&gt; &lt;!-- 初始化插件 --&gt; &lt;script&gt; $(function() { $(...

    jquery1.3_mini

    《jQuery 1.3 Mini:Web开发中的高效JS框架》 jQuery 1.3 Mini,作为JavaScript库的一个轻量级版本,是Web开发者们的重要工具。这个版本在保持功能完整的同时,进行了高度优化,大大减少了文件大小,提升了网页加载...

    jquery-resizable-columns

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="path/to/jquery.resizableColumns.css"&gt; &lt;script src="path/to/jquery.resizableColumns.js"&gt;&lt;/script&gt; &lt;/...

    jquery-ui。js

    &lt;script src="js/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 页面内容 --&gt; ... &lt;/body&gt; &lt;/html&gt; ``` **使用示例** 例如,创建一个基本的对话框: ```javascript &lt;script&gt; $(document).ready(function()...

    JQuery移动层---简单型

    &lt;script src="https://code.jquery.com/jquery-3.x.min.js"&gt;&lt;/script&gt; &lt;script src="https://code.jquery.com/mobile/1.x/jquery.mobile.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; ... &lt;/body&gt; &lt;/html&gt; ``` 接下来,创建...

Global site tag (gtag.js) - Google Analytics