在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程序设计有所帮助。