00_jQuery常用-一些应该熟记于心的jQuery函数和技巧-04

定义你自己的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开发者迈出的第一步，同时关于jQuery，51CTO推荐阅读：你应该学习jQuery的七大理由。另外，jQuery提供了一些不错的文档，请单击以下链接：

OfficialDocumentation

LearningjQuery(agoodblogtolearnjQuery)

【编辑推荐】

1. 你应该学习jQuery的七大理由
2. 了解jQuery技巧来提高你的代码质量
3. jQuery 1.4十大新特性解读及代码示例
4. jQuery另类视角：动态扩展对象
5. 10个自由丰富的jQuery或JavaScript编辑器