教程集 > jQuery > jquery 教程 > 正文最简单的jquery的起点教程Hello jQuery

最简单的jquery的起点教程Hello jQuery

发布时间：2011-11-15 编辑：jiaochengji.com

下载了jquery后不知道该如何使用？jquery的起点教程帮助你知道jquery是怎么用的，通过jquery的起点教程你可以对jquery的使用有一个初步的认识

这里是jquery的起点教程，为你的jquery学习打好基础，jquery的使用很简单，首先你要在你的代码中载入jquery框架，我们使用最新的jquery 1.7框架，代码来自google的jquery api

1、载入jquery框架在head中插入以下代码

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

2、编写代码，实现功能，我们以一个弹出提示框Hello jQuery作为例子来完成本次jquery的起点教程

<script type="text/javascript">
$(document).ready(function(){
   alert('Hello jQuery!');
})
</script>

3、这样就实现了一个载入页面后弹出”Hello jQuery!“提示的功能

$(document).ready(function(){
/*代码从这里开始*/
})

所有载入页面后执行的代码，都应该写在这个function里面，它表明是当页面载入完成之后执行的操作，你也可以使用它的简化写法

$(function(){
/*代码从这里开始*/
})

4、你可以在这里修改运行代码来加深学习效果

关键词： jquery jquery 教程 起点教程 　

[关闭]