引言: 由于最近工作闲暇之余,为了不虚度光阴,决定开始jQuery学习之旅。
笔者是专注JavaEE企业级应用开发领域的小菜鸟。对于前端的东西并不感冒,不过还是想起初中时老师的那个通知书评语:不积硅布,不无以致千里,好吧。开始小菜鸟的jQuery之旅吧!
以下所有内容,都是摘自网上,自己整理出的一套对于初学者入门的知识,希望对和我一样的初学者有帮助,废话不多说,开始吧!
1. 入门之前,先补充一些概念性的知识!
- jQuery是脚本库,而不是不脚本框架,“库”不等于“框架”;比如:System程序集是类库,而struts的MVC是框架!
- jQuery 是由美国人: John Regig 创建!
2. 简单归纳一下此类库优点及应用场合,让大家对jQuery这个轻量级的javascript库有个初步印象!
- jQuery 是继prototype之后又一优秀的javascript框架,它是轻量级的js库(压缩后只有21k).
- jQuery 兼容CSS3,兼容各种浏览器(IE 6+,FF 1.5+,Safari 2.0+,Opera 9.0+,chrome 1.0+).
- jQuery 使用户能方便的处理HTML documents,events,实现动画效果,并且方便为网站提供ajax交互.
- jQuery 的文档说明很全,同时各种应用和也详细,当然也有许多成熟的插件可供选择。
- jQuery 能使用户的html页保持代码和内容分离,也就是说,不用再做html页面里插入一堆js来调用命令了,只需要定义id即可.
3. 特点
a. 提供强大的函数功能
使用这些功能函数,能够帮助我们快速完成各种功能,且会让我们的代码异常简洁
b. 解决浏览器兼容问题
javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦, 常常一个页面在IE7,Firefox下运行正常, 在IE6下就出现莫名其妙的问题. 针对不同的浏览器编写不同的脚本是一件痛苦的事情. 有了jQuery我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则通过统一event对象,让我们可以在所有浏览器中使用event.target获取事件对象.
c. 丰富的UI
jQuery可以实现比如渐变弹出, 图层移动等动画效果, 让我们获得更好的用户体验. 单以渐变效果为例, 从前我自己写了一个可以兼容ie和ff的渐变动画, 使用大量javascript代码实现, 费心费力不说, 写完后没有太多帮助过一段时间就忘记了. 再开发类似的功能还要再次费心费力. 如今使用jQuery就可以帮助我们快速完成此类应用.
4. 关于
官网:http://www.jquery.com/
后续以连载的形式逐步学习jQuery的各项知识点。本教程参考
http://www.w3school.com.cn/jquery/index.asp 中逐步进入jQuery的世界!