首页 / JQUERY / JQuery插件开发示例代码_jquery

JQuery插件开发示例代码_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery插件开发示例代码_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1357字，纯文字阅读大概需要2分钟。

内容图文

JQuery 插件开发：
类级别开发，开发新的全局函数
对象级别开发，给Jquery对象开发新方法
一、类级别开发 -定义全局方法
代码如下:

jQuery.foo = function() {
alert('This is a test.');
};

采用命名空间，可以避免命名空间内函数的冲突。
代码如下:

jQuery.apollo={
fun1:function(){
console.log('fun1');
},
fun2:function(){
console.log('fun2');
}
}


二、对象级别开发 -定义jQuery对象方法

代码如下:

(function($) {
$.fn.pluginName = function() {

};
})(jQuery);
//插件通过这样被调用：
$('#myDiv').pluginName();

接受options参数以控制插件的行为
代码如下:

(function($){
$.fn.fun2=function(option){
var defaultOption={
param1:'param1',
param2:'param2'
}
$.extend(defaultOption,option);
console.log(defaultOption);
}
})(jQuery);
$(function(){
//通过这样调用
$("body").fun2({
param1:'new Param1'
});
});

保持私有函数的私有性
代码如下:

(function($) {
// plugin definition
$.fn.hilight = function(options) {
debug(this);
// ...
};
// private function for debugging
//“debug”方法不能从外部闭包进入,因此对于我们的实现是私有的。
function debug($obj) {
if (window.console && window.console.log)
window.console.log('hilight selection count: ' + $obj.size());
};
// ...
})(jQuery);

内容总结

以上是互联网集市为您收集整理的JQuery插件开发示例代码_jquery全部内容，希望文章能够帮你解决JQuery插件开发示例代码_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/318239.html

来源：【匿名】