jQuery入门

          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>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值