JQuery入门—编写一个简单的JQuery应用案例
更新时间：2013年01月03日 15:44:46 作者：
首先引入JQuery文件库只需将文件导入页面中即可，即在<head></head>中，接下来详细介绍，感兴趣的朋友可以了解下
一、官方网站下载：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(){
//程序段
})
二、引入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(){
//程序段
})
相关文章
这篇文章主要介绍了jQuery实现按比例缩放图片的方法,涉及jQuery针对页面元素的获取、属性运算、设置等相关操作技巧,需要的朋友可以参考下2017-04-04
由于各个浏览器中原生事件对象的 差异性 ，多数 JS库/框架 都或多或少的对原生事件对象进行了修复及包装。2011-06-06
本篇文章主要介绍了利用JQuery制作符合Web标准的QQ弹出消息。这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画2014-01-01
BootStrap table表格插件自适应固定表头(超好用)
这篇文章主要介绍了BootStrap table表格插件自适应固定表头(超好用)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
这篇文章主要为大家详细介绍了Bootstrap+Jquery实现日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了jQuery实现冻结表头的方法,实例分析了jQuery扩展方法的实现技巧及固定表格样式的方法,需要的朋友可以参考下2015-03-03
jQuery 过滤方法filter()选择具有特殊属性的元素
需要选出所有有背景图片的元素，使用jQuery的DOM过滤方法filter(),可以根据函数中表达的任何条件选择元素,需要的朋友可以参考下2014-06-06
单击单元格选中，选中过程中使用方向键更换选中的单元格，选中过程中按回车键或者直接双击单元格进入可编辑状态，单元格失去焦点时保存修改的内容2012-12-12![jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析](//img.jbzj.com/images/xgimg/bcimg8.png)
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
这篇文章主要介绍了jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析的相关资料,需要的朋友可以参考下2016-10-10
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
使用jquery的ajaxSubmit()异步上传图片的捅死实现保存表单数据，具体演示代码如下,感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
![jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论