您当前的位置: 首页 >  前端

杨林伟

暂无认证

  • 3浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

前端基础 - JQuery事件切换(原来还有这种写法)

杨林伟 发布时间:2019-03-20 18:38:28 ,浏览量:3

JQuery事件切换

效果图:

在这里插入图片描述

代码:




	
		
		
		
		
			$(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")
				})*/
			})
		
	

	
		
		
事件切换
关注
打赏
1662376985
查看更多评论
立即登录/注册

微信扫码登录

0.1353s