欢迎光临本站! 会员登录 | 注册会员 | 学习交流 | 会员中心 | 在线充值 | 使用QQ登录
扫一扫添加微信咨询
咨询电话:187-3813-1589
在线客服:
本站主要提供AICS6、PSCS6、CDRX6、DWCS6、html、CSS样式、js脚本、ASP、PHP等视频教程,近期隆重推出平面设计、网页设计视频教程套装,在线学习结合视频光盘/U盘,是您成为设计大师的必经之路!
您所在的位置:首页 >> 网站前端 >> jquery教程 >> jquery教程2:如何在网页中加入jQuery库文件

网站前端

讲师:赵老师[简介] 已录课程:120讲 【本课程讨论区】

jquery教程2:如何在网页中加入jQuery库文件

jquery教程2:如何在网页中加入jQuery库文件

第二课  在网页中加入jQuery

1、首先要获取到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>

提示:
1、无法观看教程,请确保浏览器已经安装了FLASH播放插件->>本地下载
2、安装了Flash播放器,还是看不了,建议换成IE或火狐浏览器,或者使用360浏览器的兼容模式观看。 ->>下载地址
3、无法观看教程,或视频显示不正常,请查看帮助信息->>点击查看
4、视频看了一半,中途停止不前的解决方法 ->>点击查看
5、使用手机播放视频,安卓手机请使用QQ浏览器或其他支持flash的浏览器,苹果手机无法播放。 ->>点击查看
如果您对本课程有什么评价或建议,欢迎分享!
* 标 题: 发布人:
* 咨询内容:
是否同步: 同步到交流中心

客服热线(8:00-23:00)

187 3813 1589

在线QQ客服:2034014288 赵老师
在线交流QQ群: 74924798
微信账号:redwe888

微信公众号