订阅简洁的JavaScript库：jQuery
2008 12 24 12:06 AM 2610次查看
分类：JavaScript 标签：JavaScript, jQuery
今天就先说jQuery吧，因为感觉是最简洁和漂亮的。
以后有空了，或许还会写Prototype、MooTools等其他库的。
使用jQuery需要一些前置知识：JavaScript本身当然是要懂的，HTML自然也不能不懂，不了解DOM你就不知道jQuery的优点，不会CSS你就失去了jQuery的一大块功能。
OK，如果确信你已懂上述知识，请先前往jQuery官方网站下载最新版的jQuery（目前为1.26版）。
如果是本地使用，可以用Uncompressed版本，可以看到未加密的源代码。如果是在网站上使用，开启Gzip时，可以用Minified版本；未开启Gzip时，可以用Packed版本。当然，这只是为了减少传输时间，实际上你用任何版本的效果都是一样的。
接着，如果你看中文更习惯，请去下载jQuery API参考文档中文版翻译。如果是Windows平台，建议下载CHM版本，目前最新版本是800810。此外，jquery-1.2.6-vsdoc-cn.js是jQuery的源代码中文注解，想学习的也可以下载。
很好，接着就来介绍jQuery吧。简单来说，jQuery的功能和好处有以下几点：
1.可以迅速获取及遍历DOM元素。
你可能经常使用DOM API中的getElementById、getElementsByName和getElementsByTagName（甚至Prototype中的getElementsByClassName）方法来获取元素，以及用createElement方法来创建元素。
不知道你是否觉得那一长串字符很难输入，如果你用jQuery的话，一个$()就能代替上述所有方法，而且还提供了遍历功能。
不过这就需要掌握CSS和XPath的知识。
2.可以方便地处理DOM元素。
更改文档、改变属性…大量的方法都被封装起来了，使用变得非常简单。而且还提供了链式的写法，无需一行一行地写。
3.可以让各种浏览器变相支持CSS（前提是浏览器能正确执行jQuery代码）。
CSS也是很强大的东西，很多用JavaScript写了半天的代码，有时其实用短短几行CSS就能代替了。
但各种浏览器对CSS的兼容性都不一样（这也和JavaScript一样），特别值得一提的是IE6，仅支持CSS1，而现在很多浏览器都支持CSS2甚至CSS3了。
jQuery则用JavaScript的方式对CSS进行了模拟，例如可以用CSS3的属性选择符来选择元素（即第1点所说的），可以用hover方法来模拟:hover伪类等。
4.可以方便地定义和响应事件。
与前面一样，我也不喜欢写document.addEventListener这一长串代码，而jQuery的$(window).load明显方便很多，$(document).ready更是能让事件能在文档加载完时就执行（不用等页面上的图像等元素加载完毕）。
记忆也很简单，原有的事件去掉on即可。如DOM对象的onmouseover事件→jQuery对象的mouseover方法。如果你喜欢，还能用上文提到的hover方法。
5.简化了AJAX开发。
为AJAX定义了很多方法，开发方式完全不同于传统的JavaScript写法。
加上对文档的操作性很强，XML文档也不在话下，实在安逸了不少。
6.简单的动画效果。
在jQuery的官方主页上，你也许已经看到了淡入淡出效果。其实在jQuery中只需一句代码就能实现。
当然，jQuery还有一些其他的动画功能，不过这并非其强项，事实上还有更多优秀的动画库～
差不多就上面这些了，当然还有些小东东，而且jQuery还提供了插件功能，不过我只是引入而已。
网络上已有太多优秀的介绍帖了，Google一下jQuery就能找到几百万的网页，所以我就懒得贴代码了。
不小心花了那么长时间，还是去睡觉吧…
0条评论 你不来一发么↓