1美元(文件)Ready()

$(document)。Ready()是一个典型的方法来响应Javascript内置的onload事件和jQuery中执行任务。它具有类似的效果,但会有一定的差异:

当一个文件完全下载到浏览器,这在window.onload事件触发。HTML注册事件处理程序(文件),Ready()将运行在HTML下载并解析成DOM树,但这并不意味着所有相关的文件已经被下载。

一个网页通常只有一个onload事件处理程序,它一次只能救一个函数参考,同时有超过$(document)的Ready()。

总的来说,$(document)。Ready()要优于onload事件处理程序使用。但如果相关文件还没有被加载,然后属性,类似于图像的高度和宽度的电话会有问题,所以有必要选择在不同的时间适当方法。

在$(文档)中有三种写方式:Ready(),它们是:


$(文档)Ready(函数(){)

这就是编码…

});


$()Ready(函数(){)

这就是编码…

});


$(函数(){())

这就是编码…

});


2。事件绑定

语法

$(选择器)Bind(事件、数据、函数)

参数和描述:

事件:有必要指定一个或多个添加到元素中的事件。多个事件用空格分隔。它必须是有效事件。

数据是可选的。指定传递给函数的附加数据。

函数是必需的,一个函数指定当事件发生时运行的函数。

相应的绑定():删除事件

Eg:$(' # idchoose)。Unbind(按,function_name)

缩写绑定事件:通常首选缩写


$(# dividelement )Bind(单击。

$(# dividelement)。Click(函数(){ / /做什么}


jQuery的元素使用绑定。绑定()方法,采用Unbind()绑定元素的方法。和。绑定()方法可以执行多个绑定,如果没有约束力,这是安全的当绑定绑定。

很多时候,只需要触发一次事件,然后立即撤消绑定。按照传统的做法,我们5月1日将事件绑定然后打开它后的event.jquery执行为我们提供了一个简化的方法。一、解决繁琐的代码编写上述情景下。示例如下:


$(文档)Ready(函数(){)

$(# swotcjer)。1(听到咔哒声,togglestyleswitcher);

});


顺便说一下,绑定绑定事件的好处是可以定义自定义事件,并且可以同时绑定多个事件。

三.综合事件

捕获事件时,我们常常需要捕获合并的用户操作并响应多个函数。这些事件称为复合事件。

jQuery提供的现成()方法是最常用的事件方法之一。此外,还有两个相互作用时使用的功能:

悬停(输入,离开)模仿悬停事件的方法(鼠标移动到对象并移出对象)。这是一种自定义方法,提供了将经常使用的任务保存在其中的状态。


$(函数(){())

$(#panelh5.head).Hover (function () {)

$(这个);

}函数(){()

$(这个);

})

})


。切换(FN1、FN2,.. FNN)开关函数来调用你的每一次点击,用来模拟鼠标连续点击事件的例子:


$(函数(){())

$(# panelh5。头)。Toggle(function(){)

$(这)。AddClass(亮点);

$(这个);

}函数(){()

$(这)。RemoveClass(亮点);

$(这个);

});

})


4。事件对象和事件冒泡

事件对象:在程序中使用事件对象非常简单,只需向函数添加一个参数即可:


$(元素)Click(函数(事件){)

事件:事件对象

})


当元素元素被单击时,事件对象被创建。这个对象只能被事件处理函数访问。当事件处理函数完成时,事件对象被销毁。

事件捕获:一种允许多个元素对事件作出响应的策略。在事件捕获过程中,事件首先被传递到最外层的元素,然后再传递给更具体的元素。

事件冒泡:另一个相反的策略称为时间冒泡。当事件发生时,它将首先发送到最特定的元素。当这个元素获得响应机会后,它会冒泡到更一般的元素。有时事件会产生副作用,导致意外的行为。

防止起泡的三种方法

通过调用the.preventdefault()方法,该事件可以默认操作前终止了。

电话event.stoppropagation()停止事件传播

jQuery提供了a.stoppropagation()方法可以完全阻止事件冒泡。

5。使用event.tatget属性明确的事件对象

在事件处理程序中,事件将事件对象的属性。event.tatget持有该事件的目标元素。此属性指定在domapi,但并不是所有的browsers.jquery实施进行必要的扩展事件对象,该属性可以用在任何browser.through.target,可以确定在接收事件DOM的第一要素。此外,我们知道这是指的DOM元素,处理事件。

使用event.tatget属性明确的事件对象来阻止事件冒泡的代码如下:


$(文档)Ready(函数(){)

$('switcher)。Click(函数(事件){

如果(事件=目标=此)

{

('switcher美元。巴顿)。ToggleClass(隐藏的);

}

});

});


其他事件对象属性可以引用W3C的介绍。