JQuery学习笔记(一)

由于在项目中用到了jquery,但自己也不是对它很熟悉,所以开始学习Jquery,拿来一本---锋利的Jquery,开始学习,并要在blog上记录自己学习的过程。由于自己也是菜鸟,从基本学起,大虾就笑笑而过吧。闲话少说,进入正题,哦也。

首先,http://jquery.com/ 到这里来下载jquery.js的库,所有核心都在这里,哈哈
所有的程序都是从“Hello World”诞生的,我学习这个也不例外,还是从这里开始。

下面开始写
第一步:导入你下载好的jquery.js
<script type="text/javascript" src="lib/jquery.js"></script>


第二步:写hello world
		<script type="text/javascript">
$(document).ready(function(){
alert("Hello World...");
});
$(function(){
alert("hello world...");
});
</script>

这两种写法是等价的,下面一种是简写 :D

这样hello world就打印出来了

需要说明的是 
$(document).ready(function(){
....
});
这段代码实际类似于window.onload方法
但是如果你这样写
<script type="text/javascript">
window.onload = function(){
alert("hello world...1");
};
window.onload = function(){
alert("hello world...2");
};
</script>
只会打印hello world...2


来看下window.onload 和 $(document).ready()的执行时机
window.onload:必须等待网页中所有的内容加载完毕后(包括图片)才能执行。
$(document).ready():网页中所有DOM结构绘制完毕后就可以执行,可能DOM元素关联的东西并没有加载完成。

学习还在进行中,慢慢的从基础做起,总是会进步的。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值