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 30 Javascript
js 实现复制到粘贴板的功能代码
May 13 Javascript
用js传递value默认值的示例代码
Sep 11 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
May 17 Javascript
深入理解JS正则表达式---分组
Jul 18 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
js图片无缝滚动插件使用详解
May 26 Javascript
vue router动态路由设置参数可选问题
Aug 21 Javascript
JavaScript 如何计算文本的行数的实现
Sep 14 Javascript
JS新手入门数组处理的实用方法汇总
Apr 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
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
jQuery div层的放大与缩小简单实现代码
2013/03/28 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
js鼠标及对象坐标控制属性详细解析
2013/12/14 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
2014/05/04 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
AngularJS创建自定义指令的方法详解
2016/11/03 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
Python中的zip函数使用示例
2015/01/29 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
Python使用defaultdict读取文件各列的方法
2017/05/11 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
Python使用zip合并相邻列表项的方法示例
2018/03/17 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
python的slice notation的特殊用法详解
2019/12/27 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
法人授权委托书
2014/04/03 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
四风查摆问题及整改措施
2014/10/10 职场文书
文明单位汇报材料
2014/12/24 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
2015年团支部年度工作总结
2015/05/27 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers