jquery中hover函数有几个参数

189 阅读 0 评论 125 点赞

我是靠谱客的博主暴躁冬日，这篇文章主要介绍jquery中hover函数有几个参数，现在分享给大家，希望可以做个参考。

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

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

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

语法：

$(selector).hover(inFunction,outFunction)
登录后复制

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

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

示例：当鼠标指针悬停在上面时，改变 <p> 元素的背景颜色

<!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>
登录后复制