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 二维数组
Nov 26 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 Javascript
JS高级笔记
Jul 13 Javascript
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
Jan 28 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
jquery 判断selection range 是否在容器中的简单实例
Aug 02 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
JS实现无缝循环marquee滚动效果
May 22 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 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
配置最新的PHP加MYSQL服务器
2006/10/09 PHP
PHP循环获取GET和POST值的代码
2008/04/09 PHP
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
laravel 使用事件系统统计浏览量的实现
2019/10/16 PHP
事件模型在各浏览器中存在差异
2010/10/20 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
javascript基于prototype实现类似OOP继承的方法
2015/12/16 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
2016/12/12 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
react项目如何使用iconfont的方法步骤
2019/03/13 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
vue-cli 3 全局过滤器的实例代码详解
2019/06/03 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
2020/01/16 jQuery
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
自我鉴定思想方面
2013/10/07 职场文书
实习生自荐信范文分享
2013/11/27 职场文书
护理实习自我鉴定
2013/12/14 职场文书
护理职业生涯规划书
2014/01/24 职场文书
入党积极分子评语
2014/05/04 职场文书
企业贷款委托书格式
2014/09/12 职场文书
幼儿园教师师德表现自我评价
2015/03/05 职场文书
银行实习推荐信
2015/03/27 职场文书
风之谷观后感
2015/06/11 职场文书
安全教育第一课观后感
2015/06/17 职场文书
大学生团支书竞选稿
2015/11/21 职场文书