JQuery 学习笔记01 JQuery初接触


Posted in Javascript onMay 06, 2010

一、下载
官方网址是http://jquery.com/
官方下载地址:http://docs.jquery.com/Downloading_jQuery
里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上
上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。
官网上下载有两种版本Compressed(Minified version)和Uncompressed(Source version)
前者体积小70k左右,还不到未压缩版本的一半大小。
但是未压缩版本更容易阅读源代码,以及调试
二、安装
安装jQuery非常简单 只需在HTML中引用你下载的那个js文件即可
比如     <script type="text/javascript" src="/jslibs/jquery.min.js"></script>
如果使用CDN 就直接引用<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
三、第一个程序

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { alert("hello"); }) 
</script> 
</head> 
<body> 
</body> 
</html>

刷新页面后 就可以执行了。
刚开始可能对$有点不适应,其实用不了多久就会习惯,并且喜欢它的简洁。如果实在吃不消,“$”也可以用“jQuery”代替

$(function() { alert("hello"); })

相当于
$(document).ready(function() { alert("hello"); })

也基本相当于

document.onready = function() {alert("hello");}

也就是说当浏览器把文档结构完全解析后,就可以执行下面的语句了。
与document.onload的区别在于,onload不但需要解析完文档结构,还要等待所有需要加载的内容加载完毕(比如图片等)
因为$(document).ready(fn)的频繁使用,所以可以简化为$(fn)

Javascript 相关文章推荐
传智播客学习之JavaScript基础篇
Nov 13 Javascript
jquery入门—访问DOM对象方法
Jan 07 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
js实现仿QQ秀换装效果的方法
Mar 04 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
Jul 11 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
prototype.js简单实现ajax功能示例
Oct 18 Javascript
angular异步验证防抖踩坑实录
Dec 01 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 Javascript
Jquery 扩展方法
May 06 #Javascript
javascript 获取页面的高度及滚动条的位置的代码
May 06 #Javascript
屏蔽F1~F12的快捷键的js函数
May 06 #Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 #Javascript
picChange 图片切换特效的函数代码
May 06 #Javascript
JS 自定义函数缺省值的设置方法
May 05 #Javascript
JSQL 批量图片切换的实现代码
May 05 #Javascript
You might like
简单采集了yahoo的一些数据
2007/02/14 PHP
PHP 日志缩略名的创建函数代码
2010/05/26 PHP
php简单中奖算法(实例)
2017/08/15 PHP
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
基于JQuery的一句代码实现表格的简单筛选
2010/07/26 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
2013/01/08 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
Javascript中的 “&amp;” 和 “|” 详解
2017/02/02 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
2017/03/02 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
js取小数点后两位四种方法
2019/01/18 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
vue中的循环对象属性和属性值用法
2020/09/04 Javascript
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
python实现用户答题功能
2018/01/17 Python
python生成n个元素的全组合方法
2018/11/13 Python
Python Sphinx使用实例及问题解决
2020/01/17 Python
python字符串下标与切片及使用方法
2020/02/13 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
python实现图像外边界跟踪操作
2020/07/13 Python
护士自荐信范文
2013/12/15 职场文书
自荐书模板
2013/12/19 职场文书
饭店工作计划书
2014/01/10 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
终止劳动合同协议书
2014/04/14 职场文书
诚信承诺书模板
2014/05/26 职场文书
三八活动策划方案
2014/08/17 职场文书
写给妈妈的感谢信
2015/01/22 职场文书
怎样写好工作计划
2019/04/10 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
三年级作文之小小梦想
2019/12/06 职场文书