如果不想把jquery放在自己的网站空间,则可以选择在线的jquery来引用,这样我们就可以在不用上传jquery文件的情况下使用它的功能了,以下选取了网络上常用的引用地址。
最新:http://jquery.com/download/
部分节点:
jQuery CDN
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
jQuery version 2.1.1
- http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.js
- http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js
- http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.map
jQuery version 1.11.1
- http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.js
- http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js
- http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.map
Google CDN (不流畅)
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
最基础小例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个 jQuery 程序</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function () {
$('#box').click(function () {
alert('第一个 jQuery 程序!');
}) ;
}) ;
</script>
</head>
<body>
<div id="box" style="width:300px;height:400px;background:#BA937C;">基础核心</div>
</body>
</html>