jQuery学习第一课

浏览数：9 / 时间：2015年06月09日

jquery简介

Jquery是继prototype之后又一个优秀的Javascript框架。

jquery凭借简洁的语法，出色的兼容性，小巧的体积迅速占领前端开发这一阵地。

它极大地简化了js开发人员遍历html文档，操作DOM，处理事件，执行动画和开发ajax的操作。

 

jquery的优势

1.轻量级

2.强大的选择器

3.出色的DOM操作封装

4.完善的事件和事件对象兼容机制

5.完善的ajax

6.不污染全局变量($可以随时交出控制权)

7.出色的浏览器兼容

8.方便的链式操作

9.隐式迭代（一般情况下不需要for循环遍历dom对象）

10.完善的文档（官方文档相当完备，官方blog每次更新都会有详细说明）

11.丰富的插件

 jquery的不足

1.不能向后兼容。

   新版本可能不兼容早期版本，如果想要升级jquery版本可能会付出额外的维护成本

2.插件兼容：和上一点相同

3.插件之间的冲突

   如果在同一张页面上引用多个插件时，可能会引起冲突现象，特别是用这些插件依赖

   相同事件或相同选择器时最容易出错，虽然这不是jquery本身的错误。

4.在大型框架框架中，特别是在开发后台UI框架的时候，jquery对于动画支持相对来说不

   太给力，需要用引用jqueryUI来进行弥补

 

获取jquery，版本的选择

1.获取jquery最新版本的途径

 

①官方网站：http://www.jquery.com

②cdn获取：

谷歌CDN：http://www.google-jquery-cdn.com/

百度CDN：http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs

微软CDN：http://msdn.microsoft.com/zh-cn/library/ee517318.aspx

新浪CDN：http://sae.sina.com.cn/?m=devcenter&catId=147

引入jQuery

<script src="jquery.js"></script>

引入CDN的jQuery

<script  type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

优先引入CDN上的jQuery，如果失效再引入本地的jquery

<script  type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>window.jQuery || document.write(‘<script src="jquery-1.9.2.min.js"><\/script>‘)</script>

 

编写第一个jquery程序

<script>$(document).ready(function(){alert("hello world")});</script>

$(document).ready()和window.onload的区别

 

下期预告：

1.jquery对象和DOM对象

2.jquery对象和DOM对象的互相转换

3.jquery与其它js库如何共存

 

 

jQuery学习第一课,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： jqueryjquery

相关文章

随机文章

您可能还喜欢

您可能还喜欢