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 相关文章推荐
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 Javascript
jQuery Tools tab使用介绍
Jul 14 Javascript
js获取上传文件大小示例代码
Apr 10 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
May 17 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
微信小程序实现转盘抽奖
Sep 21 Javascript
uniapp开发小程序的经验总结
Apr 08 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
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
php代码审计比较有意思的例子
2014/05/07 PHP
64位windows系统下安装Memcache缓存
2015/12/06 PHP
PHP设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
起点页面传值js,有空研究学习下
2010/01/25 Javascript
12个非常有创意的JavaScript小游戏
2010/03/18 Javascript
JS跨域总结
2012/08/30 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
JavaScript浮点数及运算精度调整详解
2016/10/21 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
Bootstrap组合上、下拉框简单实现代码
2017/03/06 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
Python计算一个文件里字数的方法
2015/06/15 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
利用Pandas读取文件路径或文件名称包含中文的csv文件方法
2018/07/04 Python
Python实现的建造者模式示例
2018/08/06 Python
解决pycharm运行出错,代码正确结果不显示的问题
2018/11/30 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
python实现桌面托盘气泡提示
2019/07/29 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
flask框架url与重定向操作实例详解
2020/01/25 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
如何卸载python插件
2020/07/08 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
River Island美国官网:英国高街时尚品牌
2018/09/04 全球购物
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python