jquery中hover函数有几个参数-前端问答-PHP中文网

jquery中hover函数有几个参数

青灯夜游

发布： 2022-05-16 17:28:42

原创

2298人浏览过

jquery中的hover函数有2个参数：1、必需参数“inFunction”，用于规定mouseenter事件发生时运行的事件处理函数；2、可选参数“outFunction”，用于规定mouseleave事件发生时运行的事件处理函数。

jquery中hover函数有几个参数

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

在jquery中，hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

该方法会触发 mouseenter 和 mouseleave 事件。

因此，hover函数接受两个参数：一个必需，一个可省略。

语法：

$(selector).hover(inFunction,outFunction)

登录后复制

参数	描述
inFunction	必需。规定 mouseenter 事件发生时运行的函数。
outFunction	可选。规定 mouseleave 事件发生时运行的函数。

注意：如果只规定了一个函数，则它将会在 mouseenter 和 mouseleave 事件上运行。

同徽B2B电子商务软件 V46

同徽B2B电子商务软件是国内第一个基于J2EE架构的电子商务商业程序，在国内同类软件中市场占有率位居第一。目前客户分布二十多个省份，三十几个行业，直接和间接服务500万企业,其中包括多家部级单位和世界500强企业：商务部、农业部、德赛集团、宝钢集团、江苏龙华集团、深圳中农股份、中集集团等。。网站参数管理运营商可对整个网站进行灵活的配置，适应不同的运营需求网站更新将信息生成静态页面，加快浏览速

查看详情

示例：当鼠标指针悬停在上面时，改变

元素的背景颜色

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").hover(function() {
					$("p").css("background-color", "yellow");
				}, function() {
					$("p").css("background-color", "pink");
				});
			});
		</script>
	</head>
	<body>

		<p>鼠标移动到该段落。</p>

	</body>
</html>

登录后复制