定义你自己的jQuery方法

目前我们看到了一些方法，如click、bind、hover等等，但是我们如何定义自己的方法？如何使用$(’selector’).mymethod()这样的语句调用这些方法？以下代码提供了这些问题的解决方案。定义一个方法，显示一个元素的值。

    

     

      
       
        //ThenamewillbealertVal  
       
      
     
     

      
       jQuery.fn.alertVal
      
      
       = 
      
      
       function
      
      
       (){  
      
     
     

      
        
      
     
     

      
           var 
      
      
       element
      
      
       =$(this[0]); //That'sourelement  
      
     
     

      
        
      
     
     

      
           if (element.val())  
      
     
     

      
        
      
     
     

      
               alert(element.val()); //That'sourelement'svalue  
      
     
     

      
        
      
     
     

      
       };  
      
     
     

      
       //Thisisthewaywecanuseit  
      
     
     

      
       $("selector").alertVal(); 
      
     
    
   

回调（callback）是常用的解决方案

使用回调，我们可以在其他方法完成时执行某个方法。你可以将回调方法看做对别人说：但你做完时，给我电话，因为我要做我的那份工作。不过现在的问题是：如何使用回调？

    

     

      
       
        $(document).ready(function(){  
       
      
     
     

      
        
      
     
     

      
           
      
      
       myCallBack
      
      
       = 
      
      
       function
      
      
       (){  
      
     
     

      
        
      
     
     

      
               alert("I'macallbackalert.");  
      
     
     

      
        
      
     
     

      
           }     
      
     
     

      
        
      
     
     

      
       //WhenthegetfinishesthenmyCallBackisexecuted  
      
     
     

      
        
      
     
     

      
         $.get('myhtmlpage.html',myCallBack);  
      
     
     

      
        
      
     
     

      
       }); 
      
     
    
   

注意：如果该函数包含参数，我们必须使用以下方式：

    

     

      
       
        $(document).ready(function(){  
       
      
     
     

      
        
      
     
     

      
         $.get('myhtmlpage.html',function(){  
      
     
     

      
        
      
     
     

      
           myCallBack(param1,param2);  
      
     
     

      
        
      
     
     

      
         });  
      
     
     

      
        
      
     
     

      
       }); 
      
     
    
   

结论

本文只是介绍一些技巧，能够让你更好的理解有关jQuery的知识。当然，还有许多技巧比本文所讲的内容更为高级，但你可以将本文看做一名优秀的jQuery开发者迈出的第一步。

来源