JQuery入门—编写一个简单的JQuery应用案例


Posted in Javascript onJanuary 03, 2013

一、官方网站下载:http://jquery.com
二、引入JQuery文件库
下载完后不用安装,只需将文件导入页面中即可,即在<head></head>中加入如下代码:<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script>
三、编写一个弹出对话框的简单应用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"> 
</script> 
<script type="text/javascript"> 
$(document).ready(function(){ //$是JQurey程序的标志 
alert("您好,欢迎来到JQuery世界!");}) 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML>

效果图如:
四、JQuery基本结构为:
$(document).ready(function(){ 
//程序段 
}) 
类似于JavaScript代码:window.onload=function(){ 
//程序段 
}

五、
$(document).ready(function(){ 
//程序段 
}) 
等价于 
$(function(){ 
//程序段 
})
Javascript 相关文章推荐
在JavaScript中获取请求的URL参数
Dec 22 Javascript
jQuery中的read和JavaScript中的onload函数的区别
Aug 27 Javascript
分享一个插件实现水珠自动下落效果
Jun 01 Javascript
原生JS实现首页进度加载动画
Sep 14 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
Vue项目中使用Vux的安装过程
May 01 Javascript
vue实现城市列表选择功能
Jul 16 Javascript
详解从Vue-router到html5的pushState
Jul 21 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 #Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 #Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 #Javascript
Javascript 判断是否存在函数的方法
Jan 03 #Javascript
JavaScript中“基本类型”之争小结
Jan 03 #Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 #Javascript
javascript学习(二)javascript常见问题总结
Jan 02 #Javascript
You might like
收音机玩机评测 406 篇视频合集
2020/03/11 无线电
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
php微信支付接口开发程序
2016/08/02 PHP
Yii2实现中国省市区三级联动实例
2017/02/08 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
validator验证控件使用代码
2010/11/23 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
JS截取字符串常用方法整理及使用示例
2013/10/18 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
详解jQuery事件
2017/01/13 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
从vue源码看props的用法
2019/01/09 Javascript
详解element-ui日期时间选择器的日期格式化问题
2019/04/08 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
微信小程序 可搜索的地址选择实现详解
2019/08/28 Javascript
Vue发布订阅模式实现过程图解
2020/04/30 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
Django与JS交互的示例代码
2017/08/23 Python
Python 统计字数的思路详解
2018/05/08 Python
python中scikit-learn机器代码实例
2018/08/05 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
html5 横向滑动导航栏的方法示例
2020/05/08 HTML / CSS
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
业务员岗位职责
2015/02/03 职场文书
法律意见书范文
2015/06/04 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书