码迷,mamicode.com
首页 > 其他好文 > 详细

第3章_事件

时间:2015-05-18 14:18:48      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:

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也为这些事件提供了一种改进的方式。

 

第3章_事件

标签:

原文地址:http://www.cnblogs.com/chen-yonghai/p/4511651.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!