jQuery 插件封装的方法

方式1、$.fn.xxx ==》针对元素添加方法:

;(function ($) {
$.fn.m??yPlugin = function () {
//你自己的插件代码
};
})(jQuery);

或者

; (function ($) {
     $.fn.extend({
          function_name:function(){
                //你自己的插件代码
         }
     });
})(jQuery);

方式2、$.xxx ==>针对 jQuery 对象添加方法:

;(function ($) {
$.m??yPlugin = function () {
//你自己的插件代码
};
})(jQuery);

详细参考

1、http://blog.csdn.net/osdfhv/article/details/53185914;

2、http://blog.csdn.net/sara_xie/article/details/52151339

时间: 2024-08-28 09:43:39

jQuery 插件封装的方法的相关文章

jquery插件封装成seajs模块

jquery直接在html中引入. jquery插件修改为: define(function (require, exports, moudles) { return function (jquery) { // 插件源码..... // 插件源码..... // 插件源码..... // 插件源码..... // 插件源码..... } }) 这样它就是一个seajs模块了, 像下面这样引用到项目: define(function (require, exports, module) { re

jquery插件封装思路整理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>写插件的栗子</title> </head> <body> <img class="lazyImg" src="http://static.m1905.cn/images/vip/cnc/lazyI

jquery 插件封装模板

//插件编写模板 ;(function ($) { $.fn.plugIn = function ( opt ) { var def = { //这里填写自定义的参数例如: event : 'click' } opt = $.extend( def , opt ); this.each(function(){ var that = $(this); //that 指的是 .box //测试执行 that.on( opt.event , function(){ alert( opt.event )

Jquery插件封装---代码瓶颈

1. ("tbody>tr:odd",this).addClass(options.odd); 其实等同于 $(this).find("tbody>tr:odd").addClass(options.odd);

如何将Js代码封装成Jquery插件

很多相同的Jquery代码会在很多页面使用,每次都复制粘贴太麻烦了,不如封装成一个Jquery插件就方便了,至于影响网页的速度不,我就没有测试了哈. 代码如下 这是一个自定闪烁打印文字的Jquery特效 HTML代码如下: <div id="code"> <p>/**</p> <p>*2014-2-12</p> <p>*代码自动闪烁输入</p> <p>*/</p> 2014-2-

ichat在线客服jQuery插件(可能是历史上最灵活的)

ichat是一款开源免费在线客服jQuery插件,通过该插件,您可以自由的定制属于自己的在线客服代码. ichat充分吸收传统在线客服插件的优点,并加上自身的独特设计,使得ichat可定制性异常强大. ichat追求简单实用,走小清新路线,以便能够适应大多数网站风格. ichat几乎全部由配置生成,使用简便,不需要写html,但需要写js,因为配置是json对象. ichat体积小巧,代码高效,兼容性良好,采用jQuery插件封装,与原有系统零冲突. 效果预览图: 更多内容参见: ichat项目

如何开发jQuery插件

一:普及JQuery知识 知识1:用JQuery写插件时,最核心的方法有如下两个: $.extend(object) 可以理解为,为JQuery 类添加一个静态方法. $.fn.extend(object) 可以理解为,为JQuery实例添加一个成员函数. 基本的定义与调用: //$.extend的定义 $.extend({ pluginName:function(){ //... } }); //$.extend的调用 $.pluginName(); //$.fn.extend的定义 $.fn

jquery插件编写(以折叠面板为例)

 创建一个 jQuery 插件所推荐的方法是,先创建一个允许使用美元符号 ($) 的包装器函数.在默认情况下,美元符号可能与其他 JavaScript 框架发生冲突,如果将插件包装在一个函数中,就不会出现冲突.所以推荐使用下面代码创建jQuery插件: (function($) { $.fn.accordion = function() { // 添加插件代码 }; })(jQuery); 上面代码,jQuery 关键字被应用到包装器函数中,这允许您在插件中使用美元符号,就像使用 fn 属性

把jQuery的类、插件封装成seajs的模块的方法

这篇文章主要介绍了把jQuery的类.插件封装成seajs的模块的方法,需要的朋友可以参考下 注:本文使用的seajs版本是2.1.1 一.把Jquery封装成seajs的模块 define(function () { //这里放置jquery代码 把你喜欢的jquery版本放进来就好了 return $.noConflict(); }); 调用方法: 这样引进就可以像以前一样使用jquery define(function (require, exports, module) { var $