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 相关文章推荐
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
JavaScript验证电子邮箱的函数
Aug 22 Javascript
基于js的变量提升和函数提升(详解)
Sep 17 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
React 使用recharts实现散点地图的示例代码
Dec 07 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
JS中的模糊查询功能
Dec 08 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 Javascript
JavaScript 几种循环方式以及模块化的总结
Sep 03 Javascript
关于element-ui表单中限制输入纯数字的解决方式
Sep 08 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 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
php实现的SESSION类
2014/12/02 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
ThinkPHP3.2.1图片验证码实现方法
2016/08/19 PHP
jquery 查找新建元素代码
2010/07/06 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
2011/03/28 Javascript
JavaScript入门之基本函数详解
2011/10/21 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
javascript中callee与caller的区别分析
2015/04/20 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
Django与遗留的数据库整合的方法指南
2015/07/24 Python
windows下python安装paramiko模块和pycrypto模块(简单三步)
2017/07/06 Python
PyTorch 随机数生成占用 CPU 过高的解决方法
2020/01/13 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
HTML5 拖放(Drag 和 Drop)详解与实例代码
2017/09/14 HTML / CSS
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
.net工程师笔试题
2012/06/09 面试题
Linux上比较文件的命令都有哪些
2012/02/24 面试题
绿化先进工作者事迹材料
2014/01/30 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
使用Pytorch训练two-head网络的操作
2021/05/28 Python