文档章节

Jquery-自定义插件

啃不动地大坚果
 啃不动地大坚果
发布于 2017/05/14 12:48
字数 266
阅读 16
收藏 0

jQuery插件分三种:

1.给jQuery原型添加全局函数

2.给jQuery对象添加扩展

3.扩展器扩展

自定义jQuery插件的一些规约

1.命名

jqurey.pluginname.js

2.扩展规则

新方法添加到 jQuery.fn上

新功能添加到jQuery上

3.this指针

this应指向Jquery

4.迭代元素

插件应该可以使用this.each迭代所有匹配到的元素

在this.each内this应该指向当前匹配的DOM元素

5.返回值

无特殊原因应该返回jQuery对象 保持链式结构

6.语法

句尾加上;便于压缩

在插件中入口参数使用jQuery不要使用$ 便于必要时交出$变量控制权

7.一般遵循的固定模版

		(function($){
			$.fn.pluginName =(function(settings){
				//默认参数
				var defaultSettings = {
					
				};
				//合并默认参数与用户指定参数
				settings = $.extend(defaultSettings, settings);
				
				return this.each(function(){
					
				});
			});
		})(jQuery)

8.extend函数

extend(object1)

extend(target,object1,[objectN])

extend(deep,target,[object1],[objectN])

deep为是否递归 深拷贝

target省略时默认想this上添加 即向jQuery jQuery.fn上添加

 

© 著作权归作者所有

共有 人打赏支持
啃不动地大坚果
粉丝 6
博文 119
码字总数 153788
作品 0
其它
程序员
私信 提问
自定义jQuery插件Step by Step

自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是R...

wolf_su
2013/07/04
0
0
2013 年 12 月最好的 35+ 个 jQuery 插件

新的一年开始了,这里是我们 12 月份精心挑选出来最好的 jQuery 插件,希望能在众多的 jQuery 插件中找到你需要的。 1. Excolo-Slider Excolo Slider 是一款简单的 jQuery 滑动插件,支持响应...

oschina
2014/01/09
7.2K
25
前端开发者值得一看的 8 款实用 jQuery 插件

作为多年的WEB前端开发者来说,我用过非常多的jQuery插件,不是我懒,的确是因为jQuery插件使用太方便了,大大减少了我的工作时间。本文是我使用过的几款非常出色的jQuery插件,我想很有必要...

yykj
2012/11/20
11K
14
5 款最新的 jQuery 图片裁剪插件

这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件,可以帮助你轻松的实现你网站需要的图像裁剪功能。 Cropit Cropit 是一个 jQuery 插件,支持图像裁剪和缩放功能。Cropit 通过 FileReader...

oschina
2014/11/06
67.4K
16
8 个 jQuery 的图片展示插件和教程

Nivo Slider Nivo Slider虽然没有太多改善,但你可以用jQuery插件来创建图像,简单、有效. Sponsor Flip Wall With jQuery & CSS Sponsor Flip Wal 使用 PHP、CSS 和 jQuery ,通过 jQuery F...

红薯
2011/11/01
3.6K
3

没有更多内容

加载失败,请刷新页面

加载更多

租房软件隐私保护如同虚设

近日,苏州市民赵先生向江苏新闻广播新闻热线025-84658888反映,他在“安居客”手机应用软件上浏览二手房信息,并且使用该软件自动生成的虚拟号码向当地一家中介公司进行咨询。可电话刚挂不久...

linux-tao
今天
1
0
分布式项目(五)iot-pgsql

书接上回,在Mapping server中,我们已经把数据都整理好了,现在利用postgresql存储历史数据。 iot-pgsql 构建iot-pgsql模块,这里我们写数据库为了性能考虑不在使用mybatis,换成spring jd...

lelinked
今天
4
0
一文分析java基础面试题中易出错考点

前言 这篇文章主要针对的是笔试题中出现的通过查看代码执行结果选择正确答案题材。 正式进入题目内容: 1、(单选题)下面代码的输出结果是什么? public class Base { private Strin...

一看就喷亏的小猿
今天
2
0
cocoapods 用法

cocoapods install pod install 更新本地已经install的仓库 更新所有的仓库 pod update --verbose --no-repo-update 更新制定的仓库 pod update ** --verbose --no-repo-update...

HOrange
今天
3
0
linux下socket编程实现一个服务器连接多个客户端

使用socekt通信一般步骤 1)服务器端:socker()建立套接字,绑定(bind)并监听(listen),用accept()等待客户端连接。 2)客户端:socker()建立套接字,连接(connect)服务器,连接上后...

shzwork
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部