jquery教程2:如何在网页中加入jQuery库文件
第二课 在网页中加入jQuery1、首先要获取到jquery库文件?
我们可以很容易获取到jquery库文件,可以在jquery.com官网上下载,或者从第三方网站下载,也可以直接从某个网站上复制过来。准备好合适的库文件以后,把它放在我们网站的某一个文件夹中,比如js文件夹中备用。
下载网址:http://www.jq22.com/jquery-info122
推荐使用版本:jquery-1.9.1.min.js
2、如何安装jquery库文件?
然后通过下面的标记把 jQuery 添加到网页中:
<head> <script type="text/javascript" src=“js/jquery.js"></script> </head>
也可以直接找一个大型门户网站,直接引用他们的jquery库文件,比如百度、谷歌等,引用方法如下:
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
这样我们就可以使用jquery库文件编写js程序了。
3、第一个jquery小程序实例
<html>
< head><title>第一个jquery小程序实例</title>
< script src="jquery-1.9.1.min.js"></script>
< script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){$("p").hide();
alert("我隐藏啦,看不到了吧!");
});
});
< /script>
< /head>
< body>
< h2>第一个jquery小程序实例</h2>
< p>这是一个小实例.</p>
< p>点我一下看看看会怎么样!.</p>
< button type="button">点击一下试试看</button>
< /body>
< /html>
![]() |
豫公网安备 41010202002486号 | ICP备案:豫ICP备18044432号-1 |