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 GUID生成器实现代码
Oct 31 Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
Nov 30 Javascript
javascript对select标签的控制(option选项/select)
Jan 31 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
利用js制作html table分页示例(js实现分页)
Apr 25 Javascript
复杂的javascript窗口分帧解析
Feb 19 Javascript
原生js的数组除重复简单实例
May 24 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 Javascript
JS实现刷新网页后之前浏览位置保持不变示例详解
Aug 14 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页面跳转实现延时跳转的方法
2016/12/10 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
jquery cookie的用法总结
2013/11/18 Javascript
javascript函数重载解决方案分享
2014/02/19 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
2014/04/17 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
Django+Vue跨域环境配置详解
2018/07/06 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
Python实现从订阅源下载图片的方法
2015/03/11 Python
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
python脚本设置系统时间的两种方法
2016/02/21 Python
Python中如何优雅的合并两个字典(dict)方法示例
2017/08/09 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
基于pytorch 预训练的词向量用法详解
2020/01/06 Python
python构造函数init实例方法解析
2020/01/19 Python
将tensorflow模型打包成PB文件及PB文件读取方式
2020/01/23 Python
Python面向对象实现方法总结
2020/08/12 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
大学应届生求职简历的自我评价
2013/10/08 职场文书
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
2014年发展党员工作总结
2014/11/12 职场文书
新人入职感言
2015/07/31 职场文书
上级领导检查欢迎词
2015/09/30 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书
解决Python中的modf()函数取小数部分不准确问题
2021/05/28 Python
深入解读Java三大集合之map list set的用法
2021/11/11 Java/Android