jQuery学习笔记一(jQuery的简介及安装)

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都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。




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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值