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 节点操作 以及DOMDocument属性和方法
Dec 06 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
jQuery阻止同类型事件小结
Apr 19 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
Apr 26 Javascript
jQuery中使用Ajax获取JSON格式数据示例代码
Nov 26 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
微信小程序登录换取token的教程
May 31 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 Javascript
详解javascript中的Error对象
Apr 25 Javascript
vue+element 实现商城主题开发的示例代码
Mar 26 Javascript
js实现跳一跳小游戏
Jul 31 Javascript
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
人族 TERRAN 概述
2020/03/14 星际争霸
获取php页面执行时间,数据库读写次数,函数调用次数等(THINKphp)
2013/06/03 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
打开新窗口关闭当前页面不弹出关闭提示js代码
2013/03/18 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
初步认识JavaScript函数库jQuery
2015/06/18 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
jquery跟随屏幕滚动效果的实现代码
2016/04/13 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
Javascript实现找不同色块的游戏
2017/07/17 Javascript
Vue.js搭建移动端购物车界面
2020/06/28 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
JavaScript实现HSL拾色器
2020/05/21 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
让 python 命令行也可以自动补全
2014/11/30 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
selenium3+python3环境搭建教程图解
2018/12/07 Python
python实现串口自动触发工作的示例
2019/07/02 Python
python实现网站微信登录的示例代码
2019/09/18 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
美国温暖商店:The Warming Store
2018/12/15 全球购物
UML设计模式笔试题
2014/06/07 面试题
编程用JAVA解析XML的方式
2013/07/07 面试题
2014年政风行风评议工作总结
2014/10/21 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书
springcloud整合seata
2022/05/20 Java/Android