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 相关文章推荐
Js中sort()方法的用法
Nov 04 Javascript
javascript正则表达式中参数g(全局)的作用
Nov 11 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
详解vue axios中文文档
Sep 12 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
解决node修改后需频繁手动重启的问题
May 13 Javascript
Angular实现svg和png图片下载实现
May 05 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 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数组
2006/10/09 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
2019/07/15 PHP
js一组验证函数
2008/12/20 Javascript
js获得页面的高度和宽度的方法
2014/02/23 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
2017/10/25 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
python 读写中文json的实例详解
2017/10/29 Python
基于并发服务器几种实现方法(总结)
2017/12/29 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
python实现图书管理系统
2018/03/12 Python
Python实现的爬取小说爬虫功能示例
2019/03/30 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
Django模板报TemplateDoesNotExist异常(亲测可行)
2020/12/18 Python
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
100%羊绒:NakedCashmere
2020/08/26 全球购物
领导党性分析材料
2014/02/15 职场文书
创建精神文明单位实施方案
2014/03/08 职场文书
人大代表选举标语
2014/10/07 职场文书
社团招新宣传语
2015/07/13 职场文书
法制主题班会教案
2015/08/13 职场文书
2016简历自荐信优秀范文
2016/01/29 职场文书
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript
win sever 2022如何占用操作主机角色
2022/06/25 Servers