`
- 浏览:
1291751 次
- 性别:
- 来自:
江苏
-
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
相关推荐
《JQuery1.3中文参考手册》-电子文档下载HTML.zip
JQuery1.3正式版--JQuery最新版
《JQuery1.3中文参考手册》-电子文档下载HTML
-弹出对话框组件<br>jquery.tooltip.zip --提示文字组件<br>jquery.validate.zip --表单验证组件<br>jquery_api.chm --jQuery中文手册<br>jquery-mztree.zip --jQuery结合MzTreeView的组件做的地区选择<br>jsPacker....
<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> <!...
(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--> 此段代码替换<html>,为了兼容IE6,7,8浏览器 2、head区域引用文件jquery.js(必须是1.5.2以上的版本的jquery库),jquery.color-rgba-patch.js,...
jquery各版本,jquery1.3-1.7,jquery文件
<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="./node_modules/jquery/dist/jquery.js"></script> <!-- //这种方式是我们自己写的jsonp的 --> <script src="http://127.0.0.1:8001/list?callback=open"></script> <!-- 这个是jquery帮我们...
分享炫酷的前端页面随机二维码验证,供大家参考,具体内容如下 直接上代码 <%@ page ...--引入jquery的js --> <script type="text/javascript" src="../jquery/jquery.js"></script> </head> <style> .in
jQuery1.3 jQuery1.3 jQuery1.3
* show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中,padding和margin也会有动画,效果更流畅。 * jQuery(html,[ownerDocument])等效于$(document.createElement("span") * is支持复杂表达式 ...
<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>在线编辑...
<!DOCTYPE html> ... <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/jquery.fireworks.js"></script> <script type="text/ja
代码片段: <div class="select-date-body"> <ul class="week-list"> ... <li>日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六</li> </ul> <ul class="day-tabel"></ul> </div>
JQUERY1.3中文参考资料--CHM格式
<br>Safari 2 3575ms 475ms 753% <br>Opera 9.1 3196ms 326ms 980% <br>Average improvement: 867% <br><br>下表为jQuery1.1.3与常用的一些JS库选择器的对比:<br>Browser Prototype jQuery Mootools Ext Dojo <br>...
使用方法: ...例如autoPage:"<li><a>$</a></li>",如果不想输出数字:autoPage:"<li><a></a></li>"。 prevCell:前一个/页按钮对象。默认(".prev") nextCell:后一个/页按钮对象。默认(".next")
<a ><span class="home_icons icon-baidu"></span></a> </li> <li> <a ><span class="home_icons icon-360"></span></a> </li> <li> <a ><span class="home_icons icon-bing"></span></a> </...