当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!doctype html>
<html>
<head>
<script language="JavaScript" src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
</head>
<body class="text-center p-5">
<DIV class="border border-danger p-5">
<Div id="aijquery" class="border border-dark p-3 alert-success">
<span class="primary border border-dark">inifo</span><br>
</Div>
</DIV>
<script language="JavaScript">
$("#aijquery").mouseover(function(){
$(".primary").text("鼠标在这个DIV元素里");
}).mouseout(function(){
$(".primary").text("鼠标不在这个DIV元素里");
});
</script>
</body>
</html>
|
效果图：
mouseover() 方法
当鼠标指针位于元素上方时，会发生 mouseover 事件。
mouseover() 方法触发 mouseover 事件，或添加当发生 mouseover 事件时运行的函数。
mouseout() 方法
当鼠标指针离开被选元素时，会发生 mouseout 事件。
mouseout() 方法触发 mouseout 事件，或添加当发生 mouseout 事件时运行的函数。
更多编程相关知识，请访问：编程教学！！
以上就是jquery如何判断鼠标是否在元素上的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
jQuery如何清空input中的内容
jQuery如何给p标签赋值
jQuery怎么判断值是否在数组中
jQuery怎样才能确定滚动事件的方向
jQuery怎么判断对象是否存在？
jQuery如何判断是否为空
jQuery中如何实现判断空串
jQuery html()方法怎么用
jQuery如何判断是否是其对象
jQuery停止链接加载怎么做
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » jquery如何判断鼠标是否在元素上
