立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › 前端基础 - JQuery事件切换（原来还有这种写法） ...

赞

评论

收藏

[jQuery] 前端基础 - JQuery事件切换（原来还有这种写法）

开发技术 开发技术 发布于：2021-07-07 14:50 | 阅读数：286 | 评论：0

　　JQuery事件切换　　效果图：
DSC0000.png

　　代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function() {
/**第一种写法*/
/*$("#divId").mouseover(function() {
$(this).html("鼠标进入");
}).mouseout(function() {
$(this).html("鼠标离开");
})*/
/**第二种写法*/
$("#divId").hover(function() {
$(this).html("鼠标进入");
}, function() {
$(this).html("鼠标离开");
})

var i = 0;
$("#bId").click(function() {
i++;
if(i % 2 == 0) {
alert("222");
} else {
alert("111");
}
})
/*$("#bId").toggle(function() { //浏览器有可能会不兼容
alert("111");
}, function() {
alert("222")
})*/
})
</script>
</head>
<body>
<input type="button" id="bId" value="点击查看" /><br>
<div id="divId" style="border:1px solid red;height:100px;width:100px">事件切换</div>
</body>
</html>

　　
关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
284 经验
1094 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2