Jquery中toggleClass的两种用法

时间:2023-03-09 02:53:45
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>