jQuery 慢慢学

jQuery 官方网站 jquery.com 可以下载最新版本的库，有压缩版，和未压缩版，做练习和测试用未压缩版的比较好！

 

下面，我们来快速熟悉一下怎么使用 jQuery ，就用官方主页的例子吧。

 

【环境搭建】

1、在D盘建立新文件夹jqDemo

2、下载jQuery库文件 jquery-1.9.1.js ，并放入jqDemo文件夹。（下载地址： Download the uncompressed, development jQuery 1.9.1 ）

3、在jqDemo文件夹里再建一个页面文件 page.html     内容如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 练习</title>
</head>

<body>

</body>
</html>

 

基础环境搭建好了，现在我们要开始做第一个示例：

首先在page.html 文件的<head></head>标签中间引入jQuery 库文件 jquery-1.9.1.js ，如

<head>
<meta charset="utf-8">
<title>jQuery 练习</title>
<script src="jquery-1.9.1.js"></script>
</head>

这样之后，我们就可以在page.html 文件中调用 jQuery 库了。

然后，我们在 page.html 页面的<body></body>中间加个按钮标签 

<body>
<button class="continue" >buttom1</button>
</body>

接下来我们要真正的写入执行代码

<body>
<button class="continue" >buttom1</button>

<script>
$( "button.continue" ).html( "Next Step..." );
</script>
</body>

解释一下 这代码的意思：把 button 上的文字 变成 Next Step...

运行结果如下：

 

 

============================================================================

待续。。。。。。。

 

 

 

 

 

 

 

 

 

 

posted @ 2013-03-13 11:55  海阔天空XM  阅读(174)  评论(0)  编辑  收藏  举报