Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 最简单的jquery的起点教程Hello jQuery

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

发布时间:2011-11-15   编辑:www.jquerycn.cn
下载了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教程 Easy Ajax with jQuery 中文版全集第1/3页
jQuery 练习[一] 学习jquery的准备工作
Jquery 基础学习笔记之文档处理
jquery 常用操作整理 基础入门篇
jquery 入门教程 [翻译] 推荐
ext jquery 简单比较
使用jQuery简化Ajax开发 Ajax开发入门
jQuery设计思想完整篇
JQuery团队打造的javascript单元测试工具QUnit介绍

关键词: jquery  jquery  教程  起点教程   
[关闭]