jquery入门

       Jquery是javascript中中众多框架中的一个框架。它是轻量级的js库，以DOM元素为核心一点一点地给他们添加新功能。Jquery的特色就是“面向集合和方法连缀”，Jquery的设计秉承了一致性和对称性原则，它的大部分概念都是从html和css的结构中借用来的。它利用CSS选择符创建jquery对象，为这些对象提供丰富的方法，批量操作其中的DOM元素，而且让所有方法尽可能再返回这个对象以实现方法连缀调用，这些绝妙的创意组合在一起，让写javascript代码变得妙趣横生!

Jquery如此受欢迎，他的优势在哪里？

（1）   利用CSS的优势

             通过将查找页面元素的机制构建于CSS选择符之上，jquery继承了简明清晰地表达文档结构的方式。 

（2）   支持扩展

            为了避免特性蠕变，jquery将特殊情况下使用的工具归入插件当中。

（3）   抽象浏览器不一致性

             Web卡法领域中一个令人遗憾的事实是，每种浏览器对颁布的标准都有一套不太一致的实现方案，但jquery添加一个抽象层来标准化常见的任务，从而有效减少了代码量，极大地简化了这些任务

（4）  面向集合，方法连缀

           当我们只是jquery“找到带有collapsible类的全部元素，然后隐藏他们时，不需要循环遍历每一个返回的元素”。.hide（）之类的方法被设计成自动操作对象集合。利用这 种隐式迭代技术，可以抛弃那些臃肿循环结构，减少代码量。“连缀”模式以为这基于一个对象进行的多数操作的结果，都会返回这个对象自身，以便为该对象应用下一次操作

 

如何使用jquery呢？

         jQuery不需要安装，要使用它只需该文件的一个副本，该副本可以放在外部站点上，也可以放在自己的服务器上。由于JavaScript是一种解释型语言，所以不必担心编译和构建。什么时候需要使用jQuery，只要在HTML文档中使用<script>元素把它导入进来即可。

 

引用的jquery应放置何处？

         在引用样式表文件的代码之后，是包含JavaScript文件的代码。这里要注意的是，引用jQuery库文件的<script>标签，必须放在引用自定义脚本文件的<script>标签之前。否则，在我们编写的代码中将引用不到jQuery框架。

 

jquery升级版本的弊端

        一般来说，最合适的版本就是jQuery的最新版本。可是，对于现有的jQuery 2.0版来说，问题就复杂一点了。为了确保在现代浏览器中速度更快，代码更简洁，jQuery从2.0版开始不再支持IE6、IE7和IE8。jQuery开发团队知道，支持这些老版本浏览器也很重要，因此，还会继续维护jQuery 1.x版。

 

        对于文中提到的“面向集合，方法连缀”，自己脑海中一片雾水，期待在下面的学习中可以将这8个字参透。

        下面这段话，是水镜师哥给与“面向集合，方法连缀”的讲解，我看后茅塞顿开，内心非常激动，贴出来和大家一起分享：

       

       面向集合==容器；方法连缀==面向对象。

       Jquery中的面向集合，就是我们最近一直在说的容器思想。Jquery中有一系列的公共性的东西，

       可以根据我们的需要将这些公共性的东西提供给我们想要处理的对象们。就拿之前提到的hide()方法来说，它是一个公共的方法，并不针对任何人。

       我们告诉Jquery让CSS类属性为“collapsible”的元素使用这个方法，那么所有类属性为“collapsible”的元素就全部被隐藏了。这就是容器。

       而方法连缀，就是Jquery的面向对象封装，把一切都看成对象，就连方法的返回值也是一个对象，既然是一个对象，那么自然就拥有自己的方法，所以就

        可以一直“.”下去，也就是方法连缀。看下面的代码吧：

 

var num = {  value: 1, minus: function (n) { this.value -= n; return this;},plus: function (n) {   this.value += n;    return this; },  getVal: function () {    console.log(this.value);  } }; num.minus(2).plus(5).getVal();

每个方法都是返回一个对象，然后就可以继续“.”，这样的编程方法大大简化了代码。