从零开始学习jquery (一)
一、jquery是什么
Jquery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。总的来说,就是使用jquery后,我们可以不再萝莉啰嗦的写一大堆JavaScript代码而使用jquery简单代码就能实现其功能了。
二、怎样得到和使用jquery
2.1 如何得到jquery:
2.1.1到官网下载:http://jquery.com/,有两种版本
- Production version - 用于实际的网站中,已被精简和压缩。
- Development version - 用于测试和开发(未压缩,是可读的代码)
2.1.2 加载cdn:cdn是指内容分发网络
如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。
百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。
如果你的站点用户是国内的,建议使用百度、又拍云、新浪等国内CDN地址,如果你站点用户是国外的可以使用谷歌和微软。
2.1.3 通过nuget 引用第三方插件(jquery 或者其他的)(什么是nuget? 自己百度去),个人认为通过这种方式的体验最好。推荐使用这种方法,特别是对于新手来说。
2.2 如何使用jquery
2.2.1通过nuget引用jquery,先安装nuget,然后右键项目--管理nuget程序包,在左边选择联机 ,输入jquery ,选择后 安装即可以。
安装完成后 我们发现其有四个文件。尤其注意其中一个vsdoc文件其是jquery的智能感应文件,有了它我们可以方便快速的撸码。如果不是通过nuget得到jquery,你需要自己下载对应的vsdoc文件。
如何使用jquery呢?我们在需要使用jquery的网页 head标签内引用jquery即可。src是指存放的jquery的文件的物理位置。
<script type="text/javascript" src="Scripts/jquery-2.1.3.js"></script>
2.2.2 通过cdn加载,国内的话一般使用百度的cdn加载。
<head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> </head>
又拍云 CDN: <head> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"> </script> </head>
新浪 CDN: <head> <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"> </script> </head>
到这里我们基本了解了如何获得和使用jquery了。