在jQuery中使用上()方法的详细说明

本文分析了jQuery()方法的用法,供大家参考,具体分析如下:

1。jQuery()方法的使用:



在(事件,{选择},{数据},FN)上



事件:一个或多个事件类型和可选的命名空间分隔空间,如点击或KEYDOWN。myplugin 。

Selector:选择器字符串用于筛选器触发事件的选择器元素的后代。如果选择器是null或遗漏,当它到达选定的元素时,事件总是被触发。

数据:通过event.data到事件处理函数的触发事件发生时。

FN:触发事件时执行的函数。false值也可以简化为一个函数,并返回false。

二、jQuery()方法的优点:



1,提供了绑定事件的统一方法。

2,仍然提供了委托()的优点,当然,如果你需要你,你也可以直接使用Bind()。

三。与Bind()比较:



1。事实上,Bind()、Live()和委托()都是通过……()实现的。

复制代码代码如下:绑定:函数(类型,数据,FN){

返回this.on(类型、空数据,FN);

},

Unbind:功能(类型,FN){

返回this.off(类型、空,FN);

},

活:函数(类型,数据,FN){

jQuery(这个背景),(类型、this.selector,数据,FN);

返回此;

},

模具:函数(类型,FN){

jQuery(这个背景)。关(类型、this.selector | | **,FN);

返回此;

},

委托:函数(选择器,类型,数据,FN){

返回this.on(类型、选择器、数据,FN);

},

undelegate:功能(选择类型,FN){

(名称空间)或(选择器、类型、FN })

返回arguments.length this.off(选择器= 1,**):this.off(类型,选择| | **,FN);

}

2,使用Bind()的成本非常大,它将对所有匹配的DOM元素使用相同的事件处理程序钩子。

三.不要再活了。它不再被推荐,还有很多问题。

4,委托()提供了一个提高效率的好方法,同时我们可以为动态添加元素添加一个事件处理方法。

5,我们可以用上()代替上面的3种方法。

使用四,jQuery()方法的例子

1。绑定单击事件,使用OFF()方法删除由()绑定的方法。

复制代码如下:$(文档)Ready(函数(){(){)

$(p)。

$(这个)Css(背景色

});

$(按钮)。Click(函数(){)

$(p)关闭(单击);

});

});

2。多个事件绑定相同的函数

复制代码如下:$(文档)Ready(函数(){(){)

$(p),(鼠标悬停mouseout

$(p)。ToggleClass(介绍);

});

});

3,多个事件绑定到不同的函数

复制代码如下:$(文档)Ready(函数(){(){)

$(p)。

(鼠标悬停:功能){ $(体),Css(背景颜色

(mouseout:功能){ $(体),Css(背景颜色

(单击:函数){ $())Css(背景颜色

});

});

4。结合自定义事件

复制代码如下:$(文档)Ready(函数(){(){)

$(p),(myownevent

$(这)文本(showName + !多么美丽的名字!))显示();

});

$(按钮)。Click(函数(){)

$(p)。Trigger(myownevent

});

});

5。将数据传输到函数

复制代码如下:功能handlername(事件)

{

警报(事件,数据,MSG);

}

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

$(p)。

});

6。适用于未创建的元素。

复制代码如下:$(文档)Ready(函数(){(){)

$()。

$(这)SlideToggle();

});

$(按钮)。Click(函数(){)

$(这是一个新的段落。),InsertAfter(按钮);

});

});

希望本文能对大家的jQuery程序设计有所帮助。