作者scribeTW (scribe)
看板Ajax
标题Re: [问题] 请问jQuery的toggleClass可以多种class …
时间Tue Mar 30 18:27:49 2010
※ 引述《knives ()》之铭言：
: 我有一个 切换上线状态的按钮
: 比如说，上线的话，就加上一个class为: online
: 离线的话，就加上一个class 为:offline
: 请问能不能用jQuery的toggleClass，判断如果目前的状态是online，那麽按下按钮之後
: 就会把online替换成offline，反之亦然
做两次就可以达成你想要的效果，前提是物件本身class要有预设值，
像下面的范例一样。
<script type="text/javascript"
src="
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script type="text/javascript">
$(function(){
$('#switch').click(function(){
$('#test').toggleClass('online').toggleClass('offline');
});
});
</script>
<div id="test" class="online">test</div>
<button id="switch">Switch</button>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.162.84.252
※ 编辑: scribeTW 来自: 218.162.84.252 (03/30 18:30)