jQuery编写widget的一些窍门

在编写widget的时候，一般我们需要绑定一些事件，最好将这些widget的绑定事件加上当前widget的命名空间。如果同一个jQuery对象，使用了两个widget，而两个widget都绑定了相同的事件名称，可能会出现问题。在销毁widget的时候，去除绑定事件也很方便，只需要unbind（”.namespace“）就可以了。
在写jQuery的时候，因为jQuery对象是支持连写的。譬如：$(obj).css("height","20px").attr("title","abc")....
在编写的时候可以利用javascript的原生方法来避免switch。
switch(a)
{
　　case "aa":
　　　　this._set_aa();
　　　　break;
　　case "bb":
　　　　this._set_bb();
　　　　break;
　　case "cc"
　　　　this._set_cc();
　　　　break;
}

上面的代码可以用下面的代码替换

this["_set_"+a]();
尽量缓存jQuery对象，和各种变量。这样可以提高脚本的性能
采用变量缓存this指针，在最小化代码的时候this可以被最小化掉。
最好将css类名取一致的名称，然后定义变量保存起来。在使用的时候直接采用变量，这样就算css名称有调整，只需要改变变量缓存的值即可。同时代码在最小化的时候也能减小体积。
setOption的时候，如果一个option是复杂对象，而不是简单的值对象，最好不要简单的this.options[key]=value.而在这之前需要将value和以前的option的值做一个extend，然后在赋值，这样可以保留复杂对象原有的部分值。比如：
var a = {width:120,height:200};
var c={width:200};
a=c;
a=$.extend(a,c);

其结果是第一个a将是{width:20},会丢失掉height：200；而下面的那个将继续保留原始的height:200。

转载于:https://www.cnblogs.com/dail/archive/2010/10/27/1862597.html

jQuery编写widget的一些窍门相关推荐

使用 jQuery UI Widget Factory 编写有状态的插件（Stateful Plugins）
使用 jQuery UI Widget Factory 编写有状态的插件(Stateful Plugins) 使用 jQuery UI Widget Factory 编写有状态的插件(Stateful ...
jQuery UI Widget(1.8.1)工作原理--转载
先看下代码的相关注释: /*!* jQuery UI Widget 1.8.1** Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) ...
重磅推荐12款jQuery编写的选择器
我最近开始编写自己的jQuery选择器,我越来越开始意识到这是一种不错而简洁的完成某些特定任务的方式,而以往我使用的是迭代器. 这些选择器中如果不是你一直在寻找的,你也许根本将不会碰到.所以我决定写下 ...
jQuery ui widget和jQuery plugin的实现原理简单比较
一.创建 1. jQuery plugin (function($){ $.fn.MyPlugin=function(){ //js代码 } })(jQuery) 为了与页面上其他代码友好相处,将p ...
【使用jquery编写第一个油猴（tempermonkey）脚本】
使用jquery编写第一个油猴(tempermonkey)脚本 01. 下载安装油猴浏览器插件 0101. 关于浏览器的特别说明 0102. 油猴插件下载地址 02. 获取新脚本 0201. 油猴菜单 ...
基于JQuery 编写轮播图插件
基于JQuery 编写轮播图插件不管是实际开发还是平时的小项目中 ,页面一定有且多个的轮播图,那么为了效率大家可以考虑封装这样的小插件.下面一起看看他的使用方法吧使用需要准备(往下滑动会看到): ...
基于Jquery编写的背单词app
这是我的第一款基于Jquery编写的背单词app,使用Hbuilder工具,借助Eclipse软件,可以实现在手机直接安装app.该app界面比较简单,但主要是关于内容展现的,不涉及到数据库,所以看起 ...
jQuery编写插件
引言: 在项目中不同页面经常要用到已经写好的交互,比如弹窗,比如下拉菜单,比如选项卡,比如删除... 此时如果每次都把代码copy一份无疑是一件比较麻烦并且无趣的事情,而且个人认为有些low了,我们可 ...
【原】jQuery编写插件
分享一下编写设置和获取颜色的插件,首先我将插件的名字命名为jquery.color.js.该插件用来实现以下两个功能1.设置元素的颜色.2.获取元素的颜色. 先在搭建好如下编写插件的框架: ;(fun ...

jQuery编写widget的一些窍门

jQuery编写widget的一些窍门相关推荐

最新文章

热门文章