jquery插件编写学习
1、(function($){})(jQuery),$(function(){})的区别
(function($){})(jQuery)其实是一个匿名函数的调用过程,其中function($){}是一个匿名函数,(jQuery)是调用的过程,前面的用()括起来是由于运算符优先级的问题,所以函数本身也需要()
2、$.extend({})、$.fn.extend({})和$.fn.函数名、$.fn
$.extend()是对JQuery的扩展,相当于JQuery的静态方法。
$.fn.extend()是对JQuery对象的扩展,相当于JQuery的事例对象方法。
$.fn.函数名功能与$.fn.extend()相同,不同在于$.fn.extend()可同时拓展多个方法而$.fn.函数名只能拓展一个即函数名。
$.fn功能与$.extend()相同,不同之处与$.fn.函数名同$.fn.extend()的区别相同。
3、一段Jquery插件代码
my.js:
// JavaScript Document
;
var myMethod=function(options){
this.init(options);
}
myMethod.prototype={
init:function(options){
var option=$.extend(true,{
id:1,
name:'cuixuefeng'
},options);
this.option=option;
},
call:function(){
alert(this.option.id+this.option.name);
},
};
myMethod.doudou=function(){
alert(21);
};
(function($){
//插件入口
$.fn.myMethod=function(options){
return new myMethod(options);
}
//$.fn.extend({
//myMethod:function(options){
//return new myMethod(options);
//}
//})
})(jQuery);
html:
<head>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/my.js" ></script>
</head>
<body>
hehe
<script>
$(function(){
myMethod.doudou();
var ss=$.myMethod({
id:2,
name:"douniwan"
}).call();
});
</script>
</body>
jquery插件编写学习相关推荐
- 自己动手丰衣足食之征服jQuery插件编写
原文地址:http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其 ...
- jQuery插件编写,
jQuery插件编写 jQuery插件 最近搞jquery插件的编写这里做下笔记 给jquery扩展的方式很多,看的我眼花缭乱 方式1 $.fun=function(){} 方式2 $.fn.fun= ...
- VS2010插件编写学习总结
VS2010 Addins 外接程序(插件)开发 http://www.cnblogs.com/Leo_wl/archive/2013/03/21/2973886.html 简单做了一个添加文件头注视 ...
- jQuery插件编写基础之“又见弹窗”
本文将通过一个实例来引出jQuery插件开发中的一些细节,首先介绍下jQuery插件开发的一些基础知识. jQuery的插件开发主要分为两类: 1. 类级别,即在jQuery类本身上扩展方法,类似与 ...
- jquery插件编写
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展j ...
- 教你开发jQuery插件(转)
教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文: ...
- jquery插件之选项卡
jQuery插件编写 首先来一个简拓展jQuery对象的方法 <body > <p>23</p> <script src="js/jquery-1. ...
- 学习jQuery之旅--使用炫酷的jQuery插件
前两篇文章中,介绍了jQuery中强大的Selectors (选择器)以及开发中比较常用的方法的使用.今天和大家一起体验一下jQuery另一个吸引人的地方--强大炫酷实用的jQuery插件. 做网站的 ...
- jquery插件分类与编写详细讲解
1. 插件种类 插件其实就是对现有的方法(或者叫函数)做一个封装,方便重用提高开发效率. jQeury主要有2种类型 1)实例对象方法插件 开发能让所有的jquery实例对象都可以调用的方法. ...
最新文章
- [20180412]订阅+镜像切换
- 华为内部面试题库---(19)
- 【Python学习系列十九】基于scikit-learn库进行特征选择
- java 时间段内月份_java获取某段时间内的月份列表
- python 迭代器、生成器、yield、iter
- 技嘉z77主板msata速度_功不可没的技嘉Z77主板_主板评测-中关村在线
- 十个提升你Emacs生产力的高招
- 【Spring笔记】依赖注入
- Fiddler-抓取安卓手机APP请求地址
- Entrez Direct学习笔记
- html校验邮箱格式,邮箱格式验证 方法总结
- HBU-NNDL 实验五 前馈神经网络(3)鸢尾花分类
- 传媒经营之交通广播电台广告的独特个性
- Android lunch分析以及产品分支构建
- kerberos 之TGS_REQ、TGS_REP
- Fire And Motion(英文原版) [转]
- 微信QQ打开网页时提示用浏览器打开
- 项目需求和产品需求_项目需求和你
- 虚拟机架设传奇3服务器,WIN8安装虚拟机玩传奇3教程-转
- 等号(=),双等号(==)还有三等号(===)的使用与区别
热门文章
- python PyQt5 sender(是发出信号的对象)、receiver(接收信号的对象)、slot(插槽)(是对信号做出反应的方法)
- Tensorflow yolov3 Intel Realsense D435 单摄像头下各模块识别时间测试
- Intel Realsense D435 当摄像头运行过程中突然USB线断开,对RuntimeError: Frame didn't arrived within 5000的异常捕获及处理
- yolo-v2 v3实现笔记 mAP:mean average precision 平均精度均值
- 计数排序、桶排序和基数排序的运算性能对比及总结区别(附python代码)
- Linux运维:CentOS7下查看内存占用
- 跨年过程中因日期格式化引发的生产故障:格式化方式YYYYMMdd和yyyyMMdd的区别
- java数据类型常见面试题
- 梯度下降 最小二乘法 matlab,最小二乘法和梯度下降法的理解
- 20w7珠led驱动电源电路图_三种常用的LED驱动电源电路图详解!