jquery学习之路 初识jquery!

随着web网站的兴起,JavaScript越来越受到重视,一些javascript程序库像雨后春笋一样都出来了,如最早的prototype,dojo 到现在的 jquery ,ext js 。 但是只有jquery受到越来越多人的追捧!

要学习jqeury,首先要了解一下javascript。

javascript是由netscape公司开发并于1992年发布的的脚本语言。可以为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。javascript主要包括dom 即文档对象模型,bom 即浏览器对象模型。 dom 主要用来描述处理网页内容的方法和接口,bom主要用来描述浏览器进行交互的方法和接口。

下面来讲讲它的日常用途:  1,嵌入动态文本于html 

         2, 对浏览器事件做出反应 

         3,读写html元素

         4,在数据被提交到服务器前验证数据

         5,检测访客的浏览器信息

  6,控制cookies 包括创建修改等

    7,基于node.js技术进行服务器端编程

但是javascript自身存在3个弊端,即复杂的文档对象模型dom,不一致的浏览器实现和便捷的开发,调试工具的缺乏。很快一种新型的基于javascript的web技术-ajax诞生了,使人们真正意识到ajax的强大的导火索就是google公司推出的一系列新型web应用,例如gmail,google suggest 等。

为了简化javascript的开发,一些javascript程序库诞生了,javascript程序库封装了很多预定义的对象和实用函数, 能帮助使用者轻松的建立起高度的交互的富客户端页面,并且兼容各大浏览器。到现在最为引人注目的便是ext和jquery了,ext主要用于创建前端用户界面,如今已经发展到可以利用包括jquery在内的多种javascript框架作为基础库,而ext作为界面的扩展库来使用,ext可以用来开发富有华丽外观的富客户端应用,使B/S应用更具有活力。但是他缺有一个弱点,就是本身比较冗余,臃肿,所以使用之前请权衡利弊。另外,需要注意的是ext并不完全免费 如果用于商业用途,需要付费获得授权许可。

下面就讲到文章的主角jquery了。jquery是在prototype后又一个优秀的javascript库,是由john resig创建于2006年一月的一个开源项目,现在的jquery团队主要包括核心库,ui,插件和jquery mobile等开发人员以及推广和网站设计,维护人员。

jquery凭借着简洁的语法和跨平台的兼容性,极大的简化了javascript开发人员遍历html文档,操作dom,处理事件,执行动画和开发ajax的操作。其独特而优雅的代码风格改变了javascript程序员的设计思路和编写程序的方式。jquery强调的理念是写的少,做的多。它的独特的选择器,链式操作,事件处理机制和完善的ajax都是其他javascript库望尘莫及的。

下面来介绍下jquery的优势:1,轻量级,jquery非常轻巧,采用uglifyJS压缩后,大小在30kb左右。

    2,强大的选择器,jquery允许开发者使用从css1 到 css3几乎所有的选择器,以及jquery独创的高级而复杂的选择器。

    3,出色的dom操作的封装,jquery封装了大量常用的dom操作,能轻松的完成各种原本非常复杂的操作,让javascript新手也能写出出色的程序。

    4,可靠的事件处理机制,jquery在处理事件绑定的时候相当可靠。

    5,完善的ajax,jquery将所有的ajax操作封装到函数$.ajax()里,使得开发者处理ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用问题。

6,不污染顶级变量,jquery只建立一个名为jquery的对象,对所有的函数方法都在这个对象下。其别名也可以随时交出控制权,决定不会污染其他对象。

7,出色的浏览器兼容性,作为一个流行的javascript库,浏览器兼容性是必须具备的条件之一,jquery能够在现在主流浏览器上正常运行,如ie 火狐 chrome opera safari 等等

8,我链式操作方式,jquery中最具有特色的莫过于它的链式操作方式, 即对发生在同一个jquery对象上的一组动作,可以直接连写而无需重复获取对象。

9,隐式迭代,当jquery找到有 .myclass类的全部元素,然后隐藏他们时,无需循环遍历每一个返回的元素。

10,行为层与结构层的分离,开发者可以使用jquery选择器选中元素,然后直接给元素添加事件,这种将行为层与结构层完全分离的思想,可以使jquery开发人员和html或者其他页面开发人员各司其职,摆脱过去开发冲突或个人单干的开发模式,同时后期维护也非常方便。

11,丰富的插件支持。jquery的易扩展性,吸引了全球的开发者来编写jquery的扩展插件。

12,完善的文档,jquery的文档非常丰富,不管是英文文档,还是中文文档。

13,开源,jquery是一个开源的产品,任何人都可以自由地使用并提出改进意见。

说了这么多的jquery的优势,想必大家一定都迫不及待想要学习了把,别急先让我们看看如何配置jquery的环境, 1,首先在jquery官方网站 http://jquery.com/。 然后点击download jquery ,然后选择Download the uncompressed, development jQuery 1.11.3Download the compressed, production jQuery 1.11.3这两个即可。

      jquery库的类型分为两种,分别是生产版 (jquery.min.js) 开发版(jquery.js),开发版主要用于测试,学习和开发。生产版 经过工具压缩或经过服务器开启gzip压缩主要用于产品和项目。这两个库不需要安装 只需放在相应的目录中,在某个页面需要使用jquery的时候,只需要在相关的html文档中引入该库文件的位置即可。可以在html页面中写      <script src="..js/jquery.js" type="text/javascript"/>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值