你是否曾经见过像 $(“.cta”).click(function(){})这样的JavaScrip代码？或许你还会思考下$(‘#X’) 是什么，如果看到这些你都觉得摸不着头脑，那请一定要读完这篇文章。如果你觉得上述的代码片段是不能正常工作的，那请先看一些jQuery的代码范例，你会发现链接中的代码都是这样的结构。
这篇文章将会分析下面代码片段（动画化一个方形）中出现的一些关键知识点。你可能不会经常接触这样的代码，但了解一下这段代码的机制有助于你理解jQuery：
|
1
2
3
4
5
|
$(document).ready(function(){
$(“button”).click(function(){
$(“div”).animate({height:”toggle”}).append(“hi”);
});
});
|
我们将会逐字逐句地解释上述的代码，告诉你JavaScript函数、jQuery对象还有事件驱动编程的具体细节。希望看完这篇文章以后，再遇到神秘的jQuery代码时你不会再头疼。
$是什么？