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 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
jQuery对下拉框,单选框,多选框的操作
Feb 21 Javascript
深入理解Javascript中this的作用域
Aug 12 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
Nov 19 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
老司机带你解读jQuery插件开发流程
May 16 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
Angular4 反向代理Details实践
May 30 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
jquery中为什么能用$操作
Jun 18 jQuery
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 分页分组类
2009/12/10 PHP
20个2014年最优秀的PHP框架回顾
2014/10/22 PHP
PHP加密解密函数详解
2015/10/28 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
PHP下的浮点运算不准的解决方法
2016/10/27 PHP
php的lavarel框架中join和orWhere的用法
2020/12/28 PHP
用window.location.href实现刷新另个框架页面
2007/03/07 Javascript
javascript 单选框,多选框美化代码
2008/08/01 Javascript
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
js实现选项卡效果
2020/03/07 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
Python脚本暴力破解栅栏密码
2015/10/19 Python
解决python升级引起的pip执行错误的问题
2018/06/12 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
利用PyCharm操作Github(仓库新建、更新,代码回滚)
2019/12/18 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
django rest framework 自定义返回方式
2020/07/12 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
python实现图片转字符画的完整代码
2021/02/21 Python
html5启动原生APP总结
2020/07/03 HTML / CSS
Vero Moda西班牙官方购物网站:丹麦BESTSELLER旗下知名女装品牌
2018/04/27 全球购物
荷兰鞋类购物网站:Donelli
2019/05/24 全球购物
知识竞赛活动方案
2014/02/18 职场文书
培训简讯范文
2015/07/20 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python