jQuery是一个“写的更少,但做的很多”的轻量级JavaScript库,它极大的简化了JavaScript编程,学习起来也很容易。下面是笔者最近的学习所得,分享给大家,希望对大家有所帮助。jQuery该库包含了以下一些特性:
- HTML元素的选取
- HTML元素的操作
- CSS操作
- HTML事件函数
- JavaScript特效和动画
- HTML DOM遍历和修改
- AJAX
- Utilities
下载jQuery库
jQuery有两个版本可以从http://jquery.com/download/下载。
- Production version - 用于实际的网站中,已被精简和压缩。
- Development version - 用于测试和开发(未压缩,是可读的代码)
jQuery库位于一个JavaScript文件中,其中包含了所以的jQuery函数。通过以下方式将其引入到我们的网页中:
<head>
<script src="jquery.js"></script>
</head>
需要注意的是script标签应该位于页面的head部分。
提示:在HTML5中<script>标签中不用使用type=”text/javascript“了,因为JavaScript是HTML5以及所有现代的浏览器中默认的脚本语言。
如果不喜欢在本机存放jQuery库,可以通过Google或者Microsoft加载CDN(内容分发网络) jQuery核心文件。
使用Google的CDN
<head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head>
提示:上面加载的是1.8.0版本,如果希望加载最新的版本,可以从版本字符串的末尾(比如本例1.8)删除一个字符,谷歌会返回1.8系列中最新的可用版本(1.8.0、1.8.1等),或者也可以只剩第一个数字,那么谷歌会返回1系列中最新的可以版本(从1.1.0到1.9.9)。
使用Microsoft的CDN
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>提示:使用谷歌或微软的jQuery有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过jQuery。当访问我们的站点时,会从缓存中加载jQuery,减少了加载的时间。同时,大多数CDN都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。