首页 > 代码库 > jQuery插件学习基础
jQuery插件学习基础
1、给jQuery添加全局的函数:
$.zgz={ fn1:function(){ alert(‘我是刚设置的第一个全局函数‘) },fn2:function(){ alert(‘我是刚设置的第二个全局函数‘) } }
$(function(){
$.zgz.fn1();
$.zgz.fn2();
})
2、给jQuery添加拓展函数方法一:
$.fn.zgz=function()
{
alert(this.length)
}
$(function(){
$(‘oDiv‘).zgz();
})
给jQuery添加拓展函数方法二:
$.fn.extend({
funTest:function(option){ // 方法名称加不加""都可以
var defaults = { //$.extend 方式之一
name:"zhanggo",
age:24,
address:"sr10000",
code:007
};
var opts = $.extend({},defaults,option);
alert("扩展后的结果:姓名="+opts.name+",年龄="+opts.age+",住宅="+opts.address+",ID="+opts.code);
},
funTest2:function(str){
var ele = this; //jquery对象
alert(ele.attr("class"));
alert(str);
}
});
$(function(){
var oDiv=$(‘#zgz‘);
//oDiv.zgz();
var option = {name:"zgz",age:343,address:"beijing","code":"6789008"}
oDiv.funTest(option);
})
jQuery插件学习基础