注册

Jquery插件快速开发实例教程

嗨豆壳技术文章 时间:2014-09-11 21:58:41 [ray]

这篇文章主要介绍Jquery插件的开发方法,通过实例完成一些简单的插件,想了解Jquery插件开发的朋友可以参考下

jQuery插件的开发包括两种

一、类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。

二、对象级别的插件开发,即给jQuery对象添加方法。

类级别的插件开发

类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.ajax()这个函数。

// 添加单个全局函数
$.test = function() {   
    alert("开发一个简单的Jquery插件.");  
};
// 添加多个全局函数
$.extend({      
    test : function() {      
        alert("开发一个简单的Jquery插件.");      
    },      
    hello: function(msg) {      
        alert("测试插件2:"+msg);      
    }     
});
// $.test();
// 使用命名空间
$.testPlugin = {      
    test : function() {      
        alert("开发一个简单的Jquery插件.");      
    },      
    hello: function(msg) {      
        alert("测试插件2:"+msg);      
    }     
};
// $.testPlugin.test();
对象级别的插件开发
$.fn.test = function() {    
  // 插件功能代码...    
};    
// 插件调用方法  
$("#select").test();

看完上面的几个例子有没有发现,其实插件开发是挺简单的。你学会了没?

标签

本文地址:https://www.hi-docs.com/article/80.html

上一篇:php清空(删除)指定目录下的文件,不删除文件夹

下一篇:百度免费IP地址查询API,查询接口