首页 > 代码库 > 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插件学习基础