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获取： 谷歌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库如何共存