jQuery 事件方法

1、click事件:点击鼠标左键时触发

$(document).ready(function(){
	$('div').click(function(){
		alert("鼠标点击了!");
	})
});

2、mouseover事件:鼠标从一个元素移入另一个元素时触发(鼠标进入)

$(document).ready(function(){
	$('div').mouseover(function(){
		alert("鼠标进入了!");
	})
});

3、mouseout事件:鼠标从一个元素移出时触发(鼠标离开)

$(document).ready(function(){
	$('div').mouseout(function(){
		alert("鼠标离开了!");
	})
});

4、mouseenter事件:鼠标从一个元素移入另一个元素时触发(鼠标进入)

*此事件可以阻止冒泡事件发生

$(document).ready(function(){
	$('div').mouseenter(function(){
		alert("鼠标进入了!");
	})
});

5、mouseleave事件:鼠标从一个元素移出时触发(鼠标离开)

*此事件可以阻止冒泡事件发生

$(document).ready(function(){
	$('div').mouseleave(function(){
		alert("鼠标离开了!");
	})
});
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐