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高级程序设计
Dec 29 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
JavaScript闭包和范围实例详解
Dec 19 Javascript
vue服务端渲染的实例代码
Aug 28 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
vue实现搜索过滤效果
May 28 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
Feb 23 Vue.js
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
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
php函数式编程简单示例
2019/08/08 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
JS 文件大小判断的实现代码
2010/04/07 Javascript
javaScript同意等待代码实现心得
2011/01/01 Javascript
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
javascript 闭包详解
2015/02/15 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
Bootstrap 粘页脚效果
2016/03/28 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
JavaScript中localStorage对象存储方式实例分析
2017/01/12 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
vue利用axios来完成数据的交互
2018/03/23 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python实现partial改变方法默认参数
2014/08/18 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python并行分布式框架Celery详解
2018/10/15 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
什么是反射?如何实现反射?
2016/07/25 面试题
高中学校对照检查材料
2014/08/31 职场文书
医院合作意向书范本
2015/05/08 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python