Jquery中toggleClass的两种用法

css样式:

<style type="text/css">

.bgc{ background-color:#F00; color: #FFF}

</style>

Jquery代码:

第一种用法:

1.	<script type="text/javascript">

	$(function(){

		$("#child").mouseover(setColor).mouseout(setColor);

		function setColor(){

			$(this).toggleClass("bgc");

			}

	});	


第二种用法:

2.	<script type="text/javascript">

	$(function(){

		$("#child").bind("mouseover mouseout",function(){

			$(this).toggleClass("bgc");

			});

	});	

</script>


你可能感兴趣的:(jquery)