jquery拓展插件开发

学习参考网址整理：

http://blog.csdn.net/chenxi1025/article/details/52222327

http://www.cnblogs.com/ellisonDon/archive/2012/08/12/2634503.html

jquery插件的开发包括两种：

1、类级别插件开发：给jquery类添加类方法，可理解为添加静态方法；例如$.AjAX()函数；

//定义全局函数

$.foo = function(){};

$.bar = function(){};

//$.foo();$bar();

//使用extend定义全局函数

$.extend({

　　foo : function(){

　　bar : function(){

}

});

//$.foo();$bar();

//使用命名空间定义全局函数

$.plugin = {

　　foo : function(){

}

//接受参数控制插件的行为

(function($){

　　$.popShow = function(options){

　　var default = {

　　id : "",

　　url : "",

　　title : ""

};

　　var settings = $.extend({},default,options);//利用extend把default的对象的方法属性整合到options中;

　//此处不需要this.each(function(){});

//执行代码

var _id = settings.id,

　　_url = settings.url,

　 _title = settings.title;

　　$(_id).closet(".popWrap").hide();

//...

};

//调用方法：$.popShow({

　　id : ".close",

　　url : "",

　　title : "编辑"

});

})(jQuery);

//$.plugin.foo();

2、对象级别插件

//形式一

(function($){

$.fn.foo = function(){};

})(jQuery);

$.fn.foo = function(){};

//形式二

(function($){

$.fn.extend({

　　foo : funciton(){};

})

})(jQuery);

//接受参数控制插件的行为

(function($){

$.fn.popShow = function(options){

var defaults = { //配置项

　　url : "",

　　title : ""

};

var settings = $.extend({},defaults,options);// 这个是利用extend方法把 defaults对象的方法属性全部整合到 options里

this.each(function(){

　　//$.fn.abc()这种实例化方法才需要有this.each循环给多个相同类名的元素绑定此方法里面的事件;// $("div").abc();

　　var tag = $(this); //调用方法时为$("#div").popShow(); 此处的$(this)相当于$("#div");

　　//执行代码

　　return this;

});

};

})(jQuery);

转载于:https://www.cnblogs.com/ss977/p/6593054.html

jquery拓展插件开发相关推荐

jQuery简单插件开发
jQuery简单插件开发 jQuery有非常强大的扩展性,开发者可以简单的使用jQuery开发自己的插件运用于应用中.jQuery可以理解为一个强大的JavaScript类,jQuery选择器选择到的 ...
Chrome拓展插件开发
转载的!转载的!转载的!原文地址: 个人网站:https://haoji.me github:https://github.com/sxei 博客园:http://www.cnblogs.com/li ...
chrome拓展插件开发中使用chrome.storage本地存储
一.描述在扩展程序中本地存储数据可以通过 chrome.storage API 实现,和 web 中的 localstorage 在某些方面是有区别的,chrome.storage 已经做了优化. ...
jquery 插件开发的作用域及基础
2019独角兽企业重金招聘Python工程师标准>>> 之前一直有开发jquery插件的冲动,所以一直想学习如何进行插件开发,最近一个项目需要使用图片上传组件及自动无限下拉组件,百度 ...
jQuery插件开发学习笔记
今天想了解一下jQuery的插件开发,于是google了一下,列在前面的两篇文章都很不错,jQuery插件开发全解析更是将插件开发的方方面面细致入微的进行了讲解,并提供了PDF进行下载.笔者今天详细 ...
jquery插件开发导读
最近发现项目中有些js代码可以重用,但是不知道怎么样组织,在网上调研后,发现jquery插件是一种很好的组织方式,而且项目也采用了jquery框架,所以花了点时间学习jquery插件开发,并且动手将部 ...
Jquery 选择器大全【转载】
选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写 ...
从零开始学习jQuery (五) 事件与事件对象【转】
一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其 ...
jQuery选择器全集详解
选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编 ...

jquery拓展插件开发

jquery拓展插件开发相关推荐

最新文章

热门文章