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 相关文章推荐
jQuery之网页换肤实现代码
Apr 30 Javascript
javascritp添加url参数将参数加入到url中
Sep 25 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
json数据处理及数据绑定
Jan 25 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
基于zepto.js实现手机相册功能
Jul 11 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
详解js获取video任意时间的画面截图
Apr 17 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
原生js+css实现tab切换功能
Sep 17 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使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
基于JavaScript 声明全局变量的三种方式详解
2013/05/07 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
JQuery中form验证出错信息的查看方法
2013/10/08 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
Python 的 with 语句详解
2014/06/13 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
详解python调度框架APScheduler使用
2017/03/28 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
Python脚本导出为exe程序的方法
2020/03/25 Python
HTML5中的postMessage API基本使用教程
2016/05/20 HTML / CSS
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
C#软件工程师英语面试题
2015/06/07 面试题
thinkphp5 redis缓存新增方法实例讲解
2021/03/24 PHP
优秀应届生求职信
2014/06/16 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
师德师风培训感言
2015/08/03 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python
Python打包为exe详细教程
2021/05/18 Python
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android