标签:
1 在页面加载后执行任务
$(document).ready()是jQuery基于页面加载 执行任务的一种主要方式。
原生的window.onload事件也可以实现相同的效果。
但它们在触发操作的时间上存在着微妙的差异(在加载的资源多到一定程度时会体现出来)
通过JavaScript(而不是指 直接在HTML中 添加处理程序属性)
注册 事件处理程序 的传统机制是:
把一个函数 指定给 DOM元素的对应属性。
如已经定义了 function doStuff() { }
那么,以下两种方式都会在页面加载完成后执行这个函数。
方法1:在HTML标记中指定该函数: <body onload="doStuff();">
方法2:在JavaScript代码中指定该函数: window.onload = doStuff; (优点:它能使行为更清晰地从标记中分离出来。)
$(document).ready( function(){} );
也可以简写成:$( function(){} );
1.4 使用 jQuery.noConflict ()方法的一般模式如下:
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict ();
</script>
<script src="myscript.js"></script>
2 处理简单的事件
JavaScript除了截获页面加载事件一样,它对用户发起事件也提供了相似的”挂钩“(hook)。例如:
鼠标单击(onclick)、
表单被修改(onchange)、
窗口大小变化(onresize)等。
在这些情况下,如果直接在DOM中为元素指定行为,那么这些挂钩也会与我们讨论的onload一样具有类似的缺点。
为此,jQuery也为这些事件提供了一种改进的方式。
标签:
原文地址:http://www.cnblogs.com/chen-yonghai/p/4511651.html