现在的位置: 首页 > 综合 > 正文

jQuery入门

2013年12月10日 ⁄ 综合 ⁄ 共 1337字 ⁄ 字号 评论关闭

          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>

 

 

抱歉!评论已关闭.