上面对hover事件进行了练习,他是对鼠标的移进和移出做不同的响应。而toggle则是对鼠标的每一次点击做不同的响应,直到方法执行完为止。
toggle定义的执行方法
$("监听的ID").toggle(
function(){
方法体1;
}
function(){
方法体2;
}
function(){
方法体3;
}
);
eg:
<head>
</head>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
.t1{
color:red;
background-color: blue;
}
.t2{
color:blue;
background-color:red;
}
</style>
<script type="text/javascript">
$(function(){
$("#test").toggle(
function(){
$("#test").addClass("t1");
},
function(){
$("#test").addClass("t2");
}
);
});
</script>
<body>
<input type="button" id="test" value="点击">
</body>
</html>