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 相关文章推荐
jQuery阻止冒泡和HTML默认操作
Nov 17 Javascript
javascript学习笔记(十) js对象 继承
Jun 19 Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 Javascript
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
JavaScript将一个数组插入到另一个数组的方法
Mar 19 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
详解JavaScript时间格式化
Dec 23 Javascript
分享JS数组求和与求最大值的方法
Aug 11 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 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
php输入流php://input使用示例(php发送图片流到服务器)
2013/12/25 PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
用js控制组织结构图可以任意拖拽到指定位置
2014/01/17 Javascript
jquery实现效果比较好的table选中行颜色
2014/03/25 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
JavaScript实现简单轮播图效果
2018/12/01 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
基于JavaScript伪随机正态分布代码实例
2019/11/07 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
2020/07/30 Javascript
python实现根据图标提取分类应用程序实例
2014/09/28 Python
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
解析Python中的生成器及其与迭代器的差异
2016/06/20 Python
python用列表生成式写嵌套循环的方法
2018/11/08 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
自定义django admin model表单提交的例子
2019/08/23 Python
pytorch实现线性拟合方式
2020/01/15 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
物流仓储计划书
2014/01/10 职场文书
晋江市委常委班子四风问题整改工作方案
2014/10/26 职场文书
先进工作者推荐材料
2014/12/23 职场文书
学习保证书100字
2015/02/26 职场文书
戒赌保证书
2015/05/11 职场文书
javascript数组includes、reduce的基本使用
2021/07/02 Javascript
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS