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 相关文章推荐
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
May 14 Javascript
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
PHP开发者必须掌握的6个关键字
Apr 14 Javascript
js使用栈来实现10进制转8进制与取除数及余数
Jun 11 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
node结合swig渲染摸板的方法
Apr 11 Javascript
JavaScript实现随机五位数验证码
Sep 27 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 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
PHP脚本中include文件出错解决方法
2008/11/20 PHP
解析linux下安装memcacheq(mcq)全过程笔记
2013/06/27 PHP
PHP DB 数据库连接类定义与用法示例
2019/03/11 PHP
共享自己写一个框架DreamScript
2007/01/20 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
点击页面其它地方隐藏该div的两种思路
2013/11/18 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
javascript工厂方式定义对象
2014/12/26 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
js实现表格数据搜索
2020/08/09 Javascript
javascript实现点击按钮切换轮播图功能
2020/09/23 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
[52:12]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python中requests库session对象的妙用详解
2017/10/30 Python
Python pyinotify模块实现对文档的实时监控功能方法
2018/10/13 Python
详解Python 爬取13个旅游城市,告诉你五一大家最爱去哪玩?
2019/05/07 Python
python中的decimal类型转换实例详解
2019/06/26 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
python twilio模块实现发送手机短信功能
2019/08/02 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
Pytorch中的自动求梯度机制和Variable类实例
2020/02/29 Python
python实现在线翻译
2020/06/18 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
学校交通安全责任书
2014/08/25 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
股东合作协议书
2014/09/12 职场文书
2014年招商工作总结
2014/11/22 职场文书
党员承诺书范文2015
2015/04/27 职场文书
区域销售大会开幕词
2016/03/04 职场文书
Nginx 负载均衡是什么以及该如何配置
2021/03/31 Servers