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 相关文章推荐
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
jquery验证表单中的单选与多选实例
Aug 18 Javascript
Javascript实现获取窗口的大小和位置代码分享
Dec 04 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
Three.js获取鼠标点击的三维坐标示例代码
Mar 24 Javascript
使用FileReader API创建Vue文件阅读器组件
Apr 03 Javascript
vue debug 二种方法
Sep 16 Javascript
刷新页面后让控制台的js代码继续执行
Sep 20 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
Apr 26 Javascript
vue 单页应用和多页应用的优劣
Oct 22 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
php 数组随机取值的简单实例
2016/05/23 PHP
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
vue的安装及element组件的安装方法
2018/03/09 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
python基础教程之分支、循环简单用法
2016/06/16 Python
Python数据结构之翻转链表
2017/02/25 Python
python语音识别实践之百度语音API
2018/08/30 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
Python 实现向word(docx)中输出
2020/02/13 Python
Python龙贝格法求积分实例
2020/02/29 Python
学习python需要有编程基础吗
2020/06/02 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
员工评语大全
2014/01/19 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
主题教育活动总结
2014/05/05 职场文书
个人校本研修方案
2014/05/26 职场文书
先进事迹演讲稿
2014/09/01 职场文书
2014最新离职证明范本
2014/09/12 职场文书
物业保安辞职信
2015/05/12 职场文书
2015年女工委工作总结
2015/07/27 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
详细了解MVC+proxy
2021/07/09 Java/Android
vue @ ~ 相对路径 路径别名设置方式
2022/06/05 Vue.js
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技