`
- 浏览:
1310025 次
- 性别:
- 来自:
江苏
-
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选择器的
这样就可以有选择的批量绑定/批量触发了
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
**jQuery 1.3 正式版:JavaScript 动态网页开发的新里程碑** jQuery,一个由John Resig创建的轻量级JavaScript库,自2006年发布以来,已经成为了Web开发领域不可或缺的一部分。jQuery 1.3是这个库的一个重要版本,...
-弹出对话框组件<br>jquery.tooltip.zip --提示文字组件<br>jquery.validate.zip --表单验证组件<br>jquery_api.chm --jQuery中文手册<br>jquery-mztree.zip --jQuery结合MzTreeView的组件做的地区选择<br>jsPacker....
《JQuery1.3中文参考手册》是一本详细...总之,《JQuery1.3中文参考手册》是学习和掌握jQuery 1.3不可或缺的资源,无论是初学者还是经验丰富的开发者,都能从中受益,提高开发效率,构建更加动态和交互性的网页应用。
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="area.js"></script> <script> $(function(){ init("province","city","area"); }); </script> </head> <body> <!...
总结来说,《JQuery1.3中文参考手册》是开发者掌握jQuery不可或缺的参考资料,无论你是初学者还是经验丰富的开发者,都可以从中获取实用的知识和技巧,进一步提升Web开发效率。通过深入学习和实践,你将能够充分利用...
<script src="jquery-1.7.2.js"></script> <script src="ui/jquery.ui.core.js"></script> <script src="ui/jquery.ui.widget.js"></script> <script src="ui/jquery.ui.datepicker.js"></script> <script> $...
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 或者,如果你使用的是本地的`js`文件,可以这样引用: ```html <script src="js/jquery.js"></script> ``` 然后,我们可以编写JavaScript...
**jQuery1.3中文参考CHM** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery1.3版本是该库的一个重要里程碑,它在性能、API改进和兼容性方面都有...
* show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中,padding和margin也会有动画,效果更流畅。 * jQuery(html,[ownerDocument])等效于$(document.createElement("span") * is支持复杂表达式 ...
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> <html> <head> <title>首页</title> <sj:head jqueryui="true"/> </head> <body> <!-- 页面内容 --> </body> </html> ``` 这里使用`<sj:head>`标签引入...
**jQuery1.3详解** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。jQuery1.3是该库的一个重要版本,它在前一版本的基础上进行了许多优化和改进,提升了性能和...
这个压缩包文件包含了从jQuery1.3到jQuery1.7的多个版本,这些版本见证了jQuery的发展历程和功能改进。 jQuery1.3版本引入了一些重要的更新和性能提升,比如对CSS选择器的支持更加完善,包括对伪类和属性选择器的...
<p>JS框架:jquery-2.1.1、Bootstrap.js、JQuery UI</p> <p>CSS框架:Bootstrap v3.3.4(稳定是后台,UI方面根据需求自己升级改造吧)。</p> <p>客户端验证:jQuery Validation Plugin 1.9.0。</p> <p>在线编辑...
<script src="/webjars/jquery-ui/1.12.1/jquery-ui.min.js"></script> <script src="/struts2-jquery-file-upload/js/fileupload.js"></script> </head> <body> <form action="fileUpload.action" method="post...
<script src="jquery-ui.multiselect.js"></script> <link rel="stylesheet" href="jquery-ui.css"> <link rel="stylesheet" href="jquery-ui.multiselect.css"> <!-- 初始化插件 --> <script> $(function() { $(...
《jQuery 1.3 Mini:Web开发中的高效JS框架》 jQuery 1.3 Mini,作为JavaScript库的一个轻量级版本,是Web开发者们的重要工具。这个版本在保持功能完整的同时,进行了高度优化,大大减少了文件大小,提升了网页加载...
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="path/to/jquery.resizableColumns.css"> <script src="path/to/jquery.resizableColumns.js"></script> </...
<script src="js/jquery-ui.min.js"></script> </head> <body> <!-- 页面内容 --> ... </body> </html> ``` **使用示例** 例如,创建一个基本的对话框: ```javascript <script> $(document).ready(function()...
<script src="https://code.jquery.com/jquery-3.x.min.js"></script> <script src="https://code.jquery.com/mobile/1.x/jquery.mobile.min.js"></script> </head> <body> ... </body> </html> ``` 接下来,创建...