jQuery为开发插件提拱了两个方法,分别是:
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
fn 是什么东西呢。查看jQuery代码,就不难发现。
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//......
};
原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。
虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便。
jQuery便是一个封装得非常好的类,比如我们用 语句 $("#btn1") 会生成一个 jQuery类的实例。
jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如:
$.extend({
add:function(a,b){return a+b;}
});
便为 jQuery 添加一个为 add 的 “静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了,
$.add(3,4); //return 7
jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert 当前编辑框里的内容。可以这么做:
Java代码
$.fn.extend({
alertWhileClick:function(){
$(this ).click(function(){
alert($(this ).val());
});
}
});
$("#input1" ).alertWhileClick(); //页面上为:<input id="input1" type="text"/>
$("#input1") 为一个jQuery实例,当它调用成员方法 alertWhileClick后,便实现了扩展,每次被点击时它会先弹出目前编辑里的内容。
真实的开发过程中,当然不会做这么小白的插件,事实上jQuery提拱了丰富的操作文档,事件,CSS ,Ajax、效果的方法,结合这些方法,便可以开发出更加 Niubility 的插件。
分享到:
相关推荐
jQuery插件的简单介绍,可以帮你很快的了解jQuery
jQuery已经被广泛使用,凭借其简洁的API,对DOM强大的操控性,易扩展性越来越受到web开发人员的喜爱 这里就开发jQuery插件展开,包括其步骤、示例,简单易懂
本压缩包包含了我在erp开发中常用的一些插件uploadify,zoom,z-tree,popup,shade,tabletree,时间控件。里面包含有简单的demo,对于较复杂的有开发文档,比如z-tree
基于jquery的日历日程插件,包含24节气,美观大气,操作简单,可用于基于日历日程类的web系统开发
这一版能够支持对效果的更灵活定制,而且借助新增的命名空间事件,也使插件开发变得更容易。 jQuery UI(2007年9月):这个新的插件套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含...
自己封装的jquery插件@实现了简单的轮播图以及图片点击后的回调实现,自动播放等,
最近在做项目时经常会用到jQuery,无意中获得了Dreamweaver的jQuery语法提示插件,在项目开发时带来了很多方便。下面来介绍一下。 其实该Dreamweaver CS5绿色版的jquery代码提示插件是提取于原版之中的,所以简单...
pui 是一款基于jQyery开发的插件库。目前线上稳定使用已有2年多,丰富的接口,简单明了的调用方式,灵活的回调函数,让您轻轻松松打造出富有灵活交互的Web前端界面解决方案。 插件库封装了布局、表单元素、表单校验...
本文实例讲述了jquery插件开发模式。分享给大家供大家参考,具体如下: jquery插件一般有三种开发方式: 通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式...
jquery分页插件:简单、易用、轻
有用的colorpicker插件,样式漂亮,使用简单......................
又开始了新的一周,我们也将继续为大家分享许多优秀的HTML5应用和jQuery插件,作为前端开发者来说,这些资源可以帮助你在项目开发上派上用场。下面一起来看看这些炫酷而实用的HTML5应用和jQuery插件吧。 1、jQuery/...
SyoTimer是一款简单时尚的jQuery倒计时插件。该计时器插件支持IE8 的现代浏览器,它的界面简洁,功能齐全。
官网zTree -- jQuery 树插件 官网压缩包 学习起来很方便,版本 3.x 基本来说没有要求,zTree 在开发中使用 jQuery 11111.4.4;目前简单测试过 jQuery 1.3+ 应该都能正常使用
里面有个.net文件上传的实例,利用了jQuery上传插件Uploadify ,简单易懂,可以直接用,也可以作为开发的启发
SimpleUI 是一基于jQuery开发的一套插件库。SimpleUI 具有调用简单、解耦、可订制、高性能等特性。每一个功能我们都有详细的DEMO和文档介绍,欢迎大家使用! 您在使用中有任何问题都可以在本板块发帖,我们会尽快...
Pagination.js是一款简单实用且功能齐全的jQuery分页插件。该jQuery分页插件提供多种数据源方式,众多的配置参数,回调函数,显示控制等,还提供了5套内置的分页条皮肤。
Jquery插件 fixed 经测试IE6完美兼容 没有抖动 完美欺骗所有浏览器 引用更简单,不和和自己写的CSS冲突,程序小,兼容性更高,加快前端开发效率,如果感觉好,请留言,谢谢
纯jquery开发的一套UI组件模板,覆盖原生HTML提供的所有控件,包括表格、按钮等。非常轻量,适合简单的程序设计,不必引入类似react类框架大量的依赖包。
jQuery Gallerybox是一款可以制作全屏响应式效果的jQuery图片画廊插件。该图片画廊带缩略图导航,支持半透明背景色,使用淡入淡出的动画过渡效果。它使用简单,而且效果非常不错。