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>

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

这样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元素关联的东西并没有加载完成。

学习还在进行中,慢慢的从基础做起,总是会进步的。

你可能感兴趣的:(jquery,Blog)