jQuery学习第一课

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获取:

谷歌CDNhttp://www.google-jquery-cdn.com/

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

微软CDNhttp://msdn.microsoft.com/zh-cn/library/ee517318.aspx

新浪CDNhttp://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的区

jQuery学习第一课

 

下期预告:

1.jquery对象和DOM对象

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

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

 

 

jQuery学习第一课,布布扣,bubuko.com

jQuery学习第一课

上一篇:Selenium + Webdriver 学习(二) 各种浏览器简单操作


下一篇:VS发布网站