jQuery

jQuery 知识量:7 - 32 - 105

1.1 jQuery是什么><

一个JavaScript库- 1.1.1 -

当我第一次听说jQuery时,正好在学习JavaScript,JavaScript给我的感觉就是有点复杂。因为涉及web前端的管理,比如页面元素的操作什么的,比较繁琐,所以需要熟悉的知识点比较多。我想,如果没有遇到jQuery,我可能还要花很长时间才能熟练掌握对web页面的操作技巧。

jQuery,在我看来它就是一个由JavaScript语言编写的、实现JavaScript功能的、更高效、更好用、更省心的工具箱。甚至现在我已经把它等同于JavaScript,如果没有jQuery都会让我感到很无助,它真的是JavaScript最优秀的后代之一。

jQuery是JavaScript的一个库。JavaScript作为一门伟大的语言,当然不只有一个儿子,Dojo、Prototype等都是JavaScript的库。jQuery不是JavaScript的大儿子,但绝对是最出色的那个。

jQuery的优点- 1.1.2 -

jQuery有几个很重要的优点:

  • 解决了浏览器适配不一致问题

  • 方便的元素查找机制

  • 面向集合和隐式迭代

  • 连缀功能

jQuery解决了浏览器适配不一致的问题。今天互联网世界里的浏览器产品层出不穷,多的让人难以选择,这也苦了web开发程序猿,写好的程序在自己的电脑上正确运行不代表在别人那里看上去也一样,因为每个浏览器都有自己的特殊嗜好。而jQuery神奇的抹平了这一切,现在可以认为世界上只有一种浏览器了。

jQuery提供了方便的元素查找机制,当你在选择页面元素(DOM元素)时,可以使用熟悉的CSS选择符。用CSS怎么选择元素,就怎么用jQuery选择元素。所以你不必再另外学习一种元素选择方法,这对于大脑内存不太够用的人们真的很有吸引力。

jQuery总是面向集合的。这听上去有点难懂,其实简单来说,就是通过jQuery选择的元素都是一群元素。当然,里面的元素都是按照你给出的条件挑选出来的,想象一下,就是你刚刚按照自己的标准招募了一支军队。即使真的只有一个元素被选择,也没关系,因为只有一个元素的集合也很OK。如果你要对这群元素做什么或者要求他们做什么就更方便了,集合被设计为按照你的要求,自动安排里面的每个元素依次执行命令。就像你命令你的军队开火,不必下命令给每个人,他们每个人会自动依次开火,这真的很方便。

连缀功能是指每当jQuery对象(jQuery集合)执行完命令后会返还这个对象自身,就是说,每当jQuery对象做完一件事,它就会立刻做好做下一件事的准备,不用再去重新选择它,在它后面通过一个“.”安排它继续做下一件事就可以了。通过“.”可以安排jQuery对象执行一系列命令,却可以用一行代码实现,这就是连缀的魅力。

jQuery的功能- 1.1.3 -

jQuery可以做JavaScript能做的几乎所有事情,归结一下主要有以下几点:

  • 查找并选择DOM元素

  • 处理事件

  • 改变样式和应用动画效果

  • 操作DOM元素

  • AJAX应用

jQuery可以像使用CSS那样方便的查找元素,同时,它提供了一系列函数可以比CSS更方便的定位元素。不管是找到他的父元素还是他的相邻元素,前进一个元素或者后退一个元素等等,都可以非常容易的完成定位。有jQuery的帮助,你可以在DOM中随心所遇地游走。

JavaScript的事件处理功能极大地提升了web应用的交互性。而jQuery提供了更高级、更精确的事件处理能力。不论是事件的连续绑定、还是事件的排队功能,亦或是事件的委托功能,都为事件的处理提供了极大的方便。

jQuery可以让你随时改变页面的样式,而不管页面是否已经呈现。更重要的是,jQuery解决了样式(CSS)应用的跨浏览器不一致性,也就是说在jQuery的帮助下,在不同的浏览器对样式的改变是一致的。与此同时,jQuery为样式的改变提供了优雅的实现方式,这就是动画效果。利用jQuery的动画功能,可以创造出令人惊叹的动画效果。

jQuery可以通过操作DOM,随时改变页面结构和内容。如同对元素的选择那样,jQuery提供了高级的操作函数,可以随心所欲的改变页面的任一部分甚至重构整个页面。

AJAX技术可以在不刷新整个页面的情况下,与后台服务器进行数据交换并改变页面的某一部分。jQuery为这一技术的实现提供了很好的支持,并提供了浏览器不一致性问题的解决方案。有了jQuery的帮助,AJAX技术的应用变得非常简单。