0 Comments

一些应该熟记于心的jQuery函数和技巧(4)

发布于:2013-06-29  |   作者:广州网站建设  |   已聚集:人围观

定义你自己的jQuery方法

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


  1. //ThenamewillbealertVal  
  2. jQuery.fn.alertValfunction(){  
  3.  
  4.     var element=$(this[0]); //That'sourelement  
  5.  
  6.     if (element.val())  
  7.  
  8.         alert(element.val()); //That'sourelement'svalue  
  9.  
  10. };  
  11. //Thisisthewaywecanuseit  
  12. $("selector").alertVal(); 

回调(callback)是常用的解决方案

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


  1. $(document).ready(function(){  
  2.  
  3.     myCallBackfunction(){  
  4.  
  5.         alert("I'macallbackalert.");  
  6.  
  7.     }     
  8.  
  9. //WhenthegetfinishesthenmyCallBackisexecuted  
  10.  
  11.   $.get('myhtmlpage.html',myCallBack);  
  12.  
  13. }); 

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


  1. $(document).ready(function(){  
  2.  
  3.   $.get('myhtmlpage.html',function(){  
  4.  
  5.     myCallBack(param1,param2);  
  6.  
  7.   });  
  8.  
  9. }); 

结论

本文只是介绍一些技巧,能够让你更好的理解有关jQuery的知识。当然,还有许多技巧比本文所讲的内容更为高级,但你可以将本文看做一名优秀的jQuery开发者迈出的第一步,同时关于jQuery,51CTO推荐阅读:你应该学习jQuery的七大理由。另外,jQuery提供了一些不错的文档,请单击以下链接:

OfficialDocumentation

LearningjQuery(agoodblogtolearnjQuery)
广州网站建设,网站建设,广州网页设计,广州网站设计

标签:
飞机