jQuery学习心得:从$(document).ready()说起

现在才开始用Jquery,有点相见恨晚的感觉，总得来说，很好很方便。如果Javascript应用比较多，多加载个40K（压缩后，如果开启gzip据说就10多K）是值得的，当然如果觉得增加几十K对网站影响很大，自己去把Jquery拆了，选一部分出来应该也是可以的吧。记录一点学习心得，以后再温习...

 

jQuery的官网：http://jquery.com/

jQueryUI演示：http://jqueryui.com/

 

从$(document).ready()说起，Javasdript用的不多的人肯定对这个写法很郁闷。$是啥意思，PHP里这是变量名的前缀。Javascript有什么特别作用？不理解啊。我也不理解。后来的后来找资料试了一下下边这样的函数：

<mce:script type="text/javascript"><!-- function $(str){ alert(str); } $("Hello Moto"); // --></mce:script>

于是知道，$不是Javascript中的特殊用法，而是jQuery的对象(如果不理解啥是对象，暂时姑且把它当做是函数吧)，《锋利的jQuery》一书中作者称它为jQuery对象制造工厂。于是再研究发现原来$是jQuery的“替身”，也就是简写模式。所以$(document).ready()其实是原写法应该是jQuery(document).ready()；这种代码的意思其实文档准备好后的事件。就像window.onload

<mce:script src="js/jquery.min.js" mce_src="js/jquery.min.js"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function(){ alert('Hello Moto!'); }; // --></mce:script>

不同的地方在于，window.onload要等到所有元素加载完才执行，而jQuery的只要DOM加载解析完就可以了。总之比OnLoad快。另外一个区别在于用onload扩展动作不方便，每次要加个事件都要找到Onload的去修改，而jQuery的Ready不用。什么地方想加，都可以直接调用。不会把之前的事件替换下场。