Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(最新版本压缩后只有29k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
要使用jQuery必须先到jQuery官网 http://jquery.com/ 下载jQuery包
它这里上面一个是压缩版,下面一个是未压缩版,建议开发的时候用未压缩版,而发布的时候可以选择压缩版。
下载好以后我们就可以开始jQuery的学习了,下面我们先来一个简单的例子。
jq001.html
<html>
<head>
<script type="text/javascript" src="jquery-1.5.2.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();//隐藏
});
});
</script>
</head>
<body>
<p>点击我看看效果</p>
jQuery学习<br />
jQuery学习<br />
jQuery学习<br />
<p>点击我看看效果2</p>
</body>
</html>
<script type="text/javascript" src="jquery-1.5.2.js"></script>
这里要注意的是反下载好的jQuery包导进来,jquery-1.5.2.js是最新的版本,当然这个时候jquery-1.5.2.js应该是与jq001.htmly放在同一目录下的,因为 src="jquery-1.5.2.js"
目录结构如下图:
当然如果你不想在自己的电脑上存放jQuery库,你也可以用网络资源代替(当然,要求你的电脑处于上网状态)
Google 和 Microsoft 对 jQuery 的支持都很好。
你可以用以下的两句话其中的任意一句代代替上面的
<script type="text/javascript" src="jquery-1.5.2.js"></script>
1、google
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
2、Microsoft
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>