Rumah > Artikel > hujung hadapan web > hover是jquery事件吗
hover是jquery事件吗
- WBOYasal
- 2022-04-15 10:34:412235semak imbas
hover是jquery中的一个鼠标事件。hover()方法规定了鼠标指针悬停在被选元素上时要运行的两个函数，第一个参数规定了鼠标指针穿过元素时的函数，第二个参数规定了鼠标指针离开元素时的函数，语法为“元素对象.hover(函数,函数)”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
hover是jquery事件吗
hover是jquery中的一个鼠标事件
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。
方法触发 mouseenter 和 mouseleave 事件。
当鼠标指针离开被选元素时，会发生 mouseleave 事件。
当鼠标指针穿过（进入）被选元素时，会发生 mouseenter 事件。
语法为：
$(selector).hover(inFunction,outFunction)
inFunction 必需。规定 mouseenter 事件发生时运行的函数。
outFunction 可选。规定 mouseleave 事件发生时运行的函数。
示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.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>输出结果：
相关视频教程推荐：jQuery视频教程
Atas ialah kandungan terperinci hover是jquery事件吗. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript为什么要封装Artikel seterusnya：jquery显示和隐藏元素使用的是什么函数