搭建jQuery开发环境
每个版本又分为一下两种：开发版和生产版：
版本 大小/KB 描述
jquery-1.x.js 约288 开发版，完整无压缩，多用于学习，开发和测试
jquery-2.x.js 约251 开发版，完整无压缩，多用于学习，开发和测试
jquery-1.x.min.js 约94 生产版，经过压缩工具压缩，体积相对比较小，主要勇于产品和项目中
jquery-2.x.min.js 约83 生产版，经过压缩工具压缩，体积相对比较小，主要勇于产品和项目中
在页面中使用jQuery分为两步：首先引入jQuery库，然后使用jQuery实现界面操作。
项目1引入jQuery库
jQuery不需要安装，只需要将下载的jQuery库放到站点的一个公共目录中，然后在页面中通过 < script > 标签引入即可。
<script type="text/javascipt" src="js/jquery-1.x.js"></script>
1
jQuery简单测试
在页面中引入jQuery库后，通过$ ()函数来获取页面中的元素，并对元素进行定位或效果处理。在没有特别说明的情况下，$ 符号即为jQuery对象的缩写形式，例如$(“myDiv”)与jQuery(“myDiv”)完全等价。
<!doctype html>
<head>
<meta charset="utf-8">
<title>测试示例</title>
<script type="text/javascipt" src="js/jquery-1.x.js"></script>
</head>
<body>
<div id="myDiv"> Hello World!</div>
<script type="text/javascript">
$(document).ready(fucntion(e){
//alert(jQuery("#myDiv").html());
alert($("#myDiv").html());
});
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
上述代码中，通过jQuery读取< div>标签中的内容，$(document).ready()方法的作用类似于JavaScript中window.onload事件，但也有一定区别：
区别项 window.onload $(document).ready()
执行时间 必须在页面全部加载完成（包含图片下载）后才能执行 在页面中所有DOM结构下载完毕后执行，此时可能DOM元素关联的内容并没有加载完毕
执行次数 一个页面只能有一个，当页面中存在多喝window.onload时，仅输出最后一个的结果明晚发完成多个结果同时输出 一个页面可以有多个，结果可以相继输出
简化写法 无 可以简写成$(http://www.my516.com)
---------------------
搭建jQuery开发环境的更多相关文章
- 在DW 5.5+PhoneGap+Jquery Mobile下搭建移动开发环境
移动设备应用开发有多难,只要学会HTML5+Javascript就可以.用Dreamweaver5.5+PhoneGap+Jquery Mobile搭建移动开发环境,轻轻松松开发你自己的应用.让你用普 ...
- 使用 VS Code 搭建 TypeScript 开发环境
使用 VS Code 搭建 TypeScript 开发环境 TypeScript 是 JavaScript 的超集,TypeScript 只是增强了 JavaScript 而非改变了 JavaScri ...
- 自定义搭建PHP开发环境
学习了一段时间php了,因为之前是刚接触php,所以用的是集成安装包(wamp).现在想进一步了解apache.mysql.php之间的关系以及提升自己所以进行自定义搭建PHP开发环境.废话不多说,请 ...
- 使用virtualenv搭建python3开发环境
问题描述 环境: CentOS6.5 想在此环境下使用python3进行开发,但CentOS6.5默认的python环境是2.6.6版本. 之前的做法是直接从源码安装python3,替换掉现有的开发环 ...
- Windows下搭建PHP开发环境
PHP集成开发环境有很多,如XAMPP.AppServ......只要一键安装就把PHP环境给搭建好了.但这种安装方式不够灵活,软件的自由组合不方便,同时也不利于学习.所以我还是喜欢手工搭建PHP开发 ...
- 搭建Android开发环境附图详解+模拟器安装（JDK+Eclipse+SDK+ADT）
——搭建android开发环境的方式有多种,比如:JDK+Eclipse+SDK+ADT或者JDK+Eclipse+捆绑好的AndroidSDK或者Android Studio. Google 决定将 ...
- mac os 下搭建android开发环境
mac os 下搭建android开发环境 周银辉 mac os 下搭建android环境比较方便, 如下几个步骤: 1,安装jdk 先搞清楚自己是否已经安装,在命令行下:java -version, ...
- mac 下 用 glfw3 搭建opengl开发环境
mac 下 用 glfw3 搭建opengl开发环境 下载编译 glfw3 Build Setting 里面, Library Search Paths -> 设置好编译 glfw 库的路径 H ...
- 在Eclipse下搭建Android开发环境教程
我们昨天向各位介绍了<在NetBeans上搭建Android SDK环境>,前不久也介绍过<在MyEclipse 8.6上搭建Android开发环境>, 都受到了读者的欢迎.但 ...
随机推荐
- P-Called-Party-ID头域
典型的proxy server在路由 INVITE 请求到目标时插入 P-Called-Party-ID 头域.该头域用 porxy 收到请求的 Request-URI 填写. UAS 从几个已注冊的 ...
- C语言中结构体变量之间赋值
近期,我阅读了某新员工小刘写的C语言代码,发现其对结构体变量之间的赋值不是非常熟悉. 对于两个同样类型的结构体变量,他均採用的是逐个成员变量直接赋值的形式.例如以下的代码演示样例: 如上代码所看到的, ...
- Watcher 实现机制之client注冊
Zookeeper 提供的了分布式数据的公布/订阅功能,通过 Watch 机制来实现这样的分布式的通知功能. Zookeeper 同意client向server注冊一个Watch监听.当服务端的一些指 ...
- easyUI 对话框的关闭事件
有一个easyUI的dialog: <div id="dlg_Add" class="easyui-dialog" style=" width: ...
- 使用Hibernate防止SQL注入的方法
之前写代码,往后台传入一个组织好的String类型的Hql或者Sql语句,去执行. 这样其实是很蠢的一种做法!!!! 举个栗子~~ 我们模仿一下用户登录的场景: 常见的做法是将前台获取到的用户名和密码 ...
- iOS10 国行iPhone联网权限问题处理
在iOS10上安装新App, 第一次打开时会询问用户"是否允许应用使用数据"(仅针对国行且需要连接移动网络的设备), 如下图所示, 在用户点击允许之前, App是无法联网的, 这意 ...
- IDEA hadoop MapReduce 环境配置
1.下载,安装,配置好Hadoop 2.在IDEA中执行MapReduc 配置: 这里将JAR包加入: JAR包是:/usr/local2/hadoop/share/hadoop 目录下:直接右边+以 ...
- bzoj 2878: [Noi2012]迷失游乐园【树上期望dp+基环树】
参考:https://blog.csdn.net/shiyukun1998/article/details/44684947 先看对于树的情况 设d[u]为点u向儿子走的期望长度和,du[u]为u点的 ...
- P2622 关灯问题II（状压bfs）
P2622 关灯问题II 题目描述 现有n盏灯,以及m个按钮.每个按钮可以同时控制这n盏灯——按下了第i个按钮,对于所有的灯都有一个效果.按下i按钮对于第j盏灯,是下面3中效果之一:如果a[i][j] ...
- 聊聊LuaJIT
JIT 什么是JITJIT = Just In Time即时编译,是动态编译的一种形式,是一种优化虚拟机运行的技术. 程序运行通常有两种方式,一种是静态编译,一种是动态解释,即时编译混合了这二者.Ja ...