标签：
前几天我们开始接触jQuery。jQuery 是一个 JavaScript 库。把很多的JS函数封装在一起，使用过程中直接调用。大大的简化了程序员的JS编程。在学习之前早就听说了JQ用起很方便，并且比JS 好学一点。所以也算是向往已久了。
现在来谈谈我在学习过程中的一些体会，首先既然要用到JQ肯定要把文件引入你的代码中，怎么进行引用呢？有两种方式，第一是直接联网引用，第二种是直接把你需要的文件下载下来放进你的项目文件里面然后再通过<script src="jquery-1.9.1.min.js"></script>进行引用可以可以使用到JQ的方法和函数了。然后学习JQ就必须要学好它的选择器。这也正是它强大所在，再也不是只有document.getElementById()；document.getElementsByTagName()；
document.getElementsBylassName()这简单的几种可供选择了。JQ 给了我们其他很多的选择，他跟CSS的选择器很相似，基本上都有。可想而知他有好多种选择。比如说我们除了可以通过id ,class,这些选择器来选择到我们需要的元素以外，我们还可以通过奇数（：odd），偶数(:even)，匹配一个给定索引值的元素(:eq())，获取焦点（：focus），以及元素类型等等众多的选择器来获得你要的元素内容。所以选择元素可以有很多的不同种方式方法，如何能快速灵活的运用这么繁多的选择器来选择到自己需要的内容成为一个程序员JQ能力的体现之一。
除了强大的选择器以外，JQ 还有众多的封装事件函数可供你在编码过程中进行选择。你只需要找到你要处理的元素然后点一个函数方法就可以了。例如说：你想写一个鼠标移上去就触发效果，然后鼠标移除效果消失。在JS里面你必须用到两个事件mouseover和mouseout才能处理成功。但是在JQ里面你只需要.hover(function(),function());也就是传两个函数进去。就完成了当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。这只是JQ事件中的其中一种。当然里面点击事件click,双击事件dbclick，选着事件select等等大量的封装事件都可供你选择。
还有一个不得不说的强大之处在于JQ的动画效果函数非常的好用。大家可能都看到过其他的网站导航菜单栏有这样一种效果。点一下缓慢的向下展开，再点一下又缓慢的收缩隐藏。其实这个效果用js也可以做出来并且也不是很难无非是变幻了一个目标分别绑定了两个函数来控制。但是在JQ里面直接为我提供了一个函数toggle（）即如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的，直接一步完成，是不是很简单粗暴。除了这个效果以外JQ还有很多其他的选择。
最后，在学习JQ的过程中必须要多实践，多敲代码。光看别人的代码，这辈子也就是别人的不会成为自己的。
标签：
原文地址：http://www.cnblogs.com/xiaomila/p/4542606.html
