手机
当前位置:查字典教程网 >编程开发 >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事件绑定用法详解】相关文章:

JQuery中基础过滤选择器用法

javascript中attachEvent用法

JQuery中DOM事件合成用法实例分析

JavaScript中的条件判断语句使用详解

JQuery中Text方法用法实例分析

JavaScript中switch语句的用法详解

JavaScript中的Math.LN2属性用法详解

javascript事件冒泡和事件捕获详解

jQuery切换所有复选框选中状态的方法

JQuery中属性过滤选择器用法

精品推荐
分类导航