jquery的on()参数有哪些

这篇“jquery的on()参数有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jquery的on()参数有哪些”文章吧。

目前创新互联公司已为上千余家的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器托管、企业网站设计、嘉黎网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。

jquery的on()参数有哪些

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。

注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。

jquery on() 方法可接受4个参数

$(selector).on(event,childSelector,data,function)
参数描述
event必需。规定要从被选元素添加的一个或多个事件或命名空间。

由空格分隔多个事件值,也可以是数组。必须是有效的事件。
childSelector可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data可选。规定传递到函数的额外数据。
function可选。规定当事件发生时运行的函数。

示例1:向

元素添加 click 事件处理程序



	
		
		
		
	
	

		

点击这个段落。

jquery的on()参数有哪些

示例2:添加多个事件处理程序



	
		
		
		
		
			.intro {
				font-size: 150%;
				color: red;
			}
		
	
	

		

将鼠标指针移到这段文字上。

jquery的on()参数有哪些

示例3:向未来的元素添加事件处理程序



	
		
		
		
	
	

		
			

这是一段。

单击任意p元素使其消失。包括本段。

jquery的on()参数有哪些

以上就是关于“jquery的on()参数有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


本文名称:jquery的on()参数有哪些
文章链接:http://scyanting.com/article/gsggep.html

其他资讯