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网页关闭时提醒效果脚本
Oct 22 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
一些有用的JavaScript和jQuery的片段分享
Aug 23 Javascript
jquery简单的拖动效果实现原理及示例
Jul 26 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
Bootstrap缩略图与警告框学习使用
Feb 08 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 Javascript
koa-router源码学习小结
Sep 07 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
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
php中取得URL的根域名的代码
2011/03/23 PHP
php设计模式 Composite (组合模式)
2011/06/26 PHP
PHP的可变变量名的使用方法分享
2012/02/05 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
jquery中ajax学习笔记一
2011/10/16 Javascript
javascript编码的几个方法详细介绍
2013/01/06 Javascript
JavaScript数据结构和算法之二叉树详解
2015/02/11 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
浅析vue深复制
2018/01/29 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
2020/03/17 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
Python写的贪吃蛇游戏例子
2014/06/16 Python
python计算N天之后日期的方法
2015/03/31 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
python tensorflow基于cnn实现手写数字识别
2018/01/01 Python
python list格式数据excel导出方法
2018/10/31 Python
python生成n个元素的全组合方法
2018/11/13 Python
django表单的Widgets使用详解
2019/07/22 Python
django项目简单调取百度翻译接口的方法
2019/08/06 Python
Python PyInstaller安装和使用教程详解
2020/01/08 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
精通CAD能手自荐书
2014/01/31 职场文书
股权投资意向书
2014/04/01 职场文书
股东授权委托书范文
2014/09/13 职场文书
政风行风评议工作总结
2014/10/21 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
阿凡达观后感
2015/06/10 职场文书
学校运动会简讯
2015/07/20 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
Pandas搭配lambda组合使用详解
2022/01/22 Python