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://myzitong.com/article/gsggep.html