1、类级别的插件开发
开发如$.get(),$.post的函数
方式一:
jQuery.myFun1 = function() {
alert('This is a test. This is only a test.');
};
jQuery.myFun2 = function(param) {
alert('This function takes a parameter, which is "' + param + '".');
};
//调用
$.myFun1();
$.myFun2("test param");
方式二:
jQuery.extend({
myFun1: function() {
alert('This is a test. This is only a test.');
},
myFun2: function(param) {
alert('This function takes a parameter, which is "' + param +'".');
}
});
//调用
$.myFun1();
$.myFun2("test param");
2、对象级别的插件开发
开发如$("div").click()的函数
jQuery.fn.extend({
myFun1: function() {
alert('This is a test. This is only a test.');
},
myFun2: function(param) {
alert('This function takes a parameter, which is "' + param +'".');
}
});
//调用
$(function(){
$("div").myFun1();
$("div").myFun2("test param");
});
如果需设置选项:
jQuery.fn.myFun1=function(options){
var setting={
srcTag: "back_src"
};
if(options){
$.extend(setting,options);
};
alert(setting.srcTag);
};
//调用
$(function(){
$("div").myFun1();
$("div").myFun1({srcTag:"my_src"});
});
分享到:
相关推荐
jQuery插件开发全解析 可提高封装能力和js编程能力。
jquery 插件开发详解通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建
jQuery插件开发及常用插件大全PDF;jQuery插件开发.pdf、jQuery常用插件大全.pdf
jquery 插件开发 pdf
JQuery插件的写法 最常用的jquery插件开发方式(教程合集) jquery插件的例子 jQuery插件开发教程_看这一本就行了 JQuery插件写法 jq插件最常用的写法
NULL 博文链接:https://zhoucl.iteye.com/blog/1239737
通用 JQuery 插件开发,及相关示例
jQuery插件开发全解析.pdf 详细叙述了jquery脚本开发 JQuery插件开发
NULL 博文链接:https://fbinbin.iteye.com/blog/2330594
NULL 博文链接:https://lpyyn.iteye.com/blog/2094991
jquery插件开发快速入门
Jquery插件开发技术.
jQuery插件开发指南.doc
Jquery开发文档,为pdf格式,希望对你有所帮助。Jquery开发文档,为pdf格式,希望对你有所帮助。
jquery 插件开发 扩展 适合初学者查看以及学习。
在这篇快速的jQuery插件开发教程中,我们将创建一个jQuery插件用来随机排序显示任何一个DOM元素的文字内容 -这将会是一个非常有趣的效果,可以用在标题,logo及其幻灯效果中。