hide(),show()與removeClass(),addClass()區別
阿新 • • 發佈：2018-12-31
hasClass() 是否存在某個class
hide() 隱藏物件
show() 顯示物件
removeClass() 移除一個class
addClass() 新增一個class
除此，還可以通過jquery設定這個 div 的 css : display:none/block 來實現隱藏/顯示
toggle() 的作用就是當物件是顯示的就隱藏，當是隱藏的則顯示。
<div class="abc" style="display:none"></div>
<input type="button" class="but" />
最簡單辦法;toggle()
的作用就是當物件是顯示的就隱藏，當
<script>
$(document).ready(function(e) {
$(".but").click(function(e) {
$(".abc").toggle();
});
});
</script>
如果你除了顯示和隱藏之外還需要同時實現其他功能的話，可以這樣：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script>
$(document).ready(function(e) {
$(".but").click(function(e) {if( $(".abc").hasClass("show") ){
// 執行隱藏
$(".abc").hide().removeClass("show");
// 其他
}else{
// 顯示
$(".abc").show().addClass("show");
}
});
});
</script>
|