手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery中DOM事件绑定用法详解
JQuery中DOM事件绑定用法详解
摘要:在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用格式...

在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用格式为:

bind( type [, data] , fn);

bind()方法有3个参数,说明如下。

第1个参数是事件类型,类型包括:blur、focus、load、resize、scroll、unload、click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup和error等,当然也可以是自定义名称。
第2个参数为可选参数,作为event.data属性值传递给事件对象的额外数据对象。
第3个参数则是用米绑定的处理函数。

可以发现,jQuery中的事件绑定类型比普通的JavaScript事件绑定类型少了“on”。例如鼠标单击事件在jQuer中对应的是click事件,而在JavaScript中对应的是onclick()函数。

按照需求,需要完成以下几个步骤。

1. 等待DOM加载完毕。
2. 找到“标题”所在的元素,绑定click事件。
3. 找到“内容”元素,将“内容”元素显示。

1

【JQuery中DOM事件绑定用法详解】相关文章:

js事件监听器用法实例详解

AspNet中使用JQuery上传插件Uploadify详解

javascript中attachEvent用法

JQuery中DOM事件冒泡实例分析

Jquery中基本选择器用法实例详解

jquery任意位置浮动固定层插件用法实例

JQuery自动触发事件的方法

JQuery中上下文选择器实现方法

JavaScript中switch语句的用法详解

JQuery中DOM实现事件移除的方法

精品推荐
分类导航