站長資訊網(wǎng)
jquery讓div不占位隱藏的方法：1、使用“$("div").css('display','none');”語句；2、使用“$("div").hide();”語句；3、使用“$("div").toggle();”語句。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery讓div不占位隱藏
要讓div不占位隱藏，就會想到給div設(shè)置display:none樣式。
display:none可以不占據(jù)空間，把元素隱藏起來，所以動態(tài)改變此屬性時會引起重排（改變頁面布局），可以理解成在頁面中把該元素刪除掉一樣；不會被子孫繼承，但是其子孫是不會顯示的，畢竟都一起被隱藏了。
那么如何使用jquery給div設(shè)置display:none樣式？下面給大家介紹一下：
方法一：使用css()添加display:none樣式
$("div").css('display','none');
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"> </script> <script> $(document).ready(function() { $("button").click(function() { $("div").css('display', 'none'); }); }); </script> </head> <body> <div style="border: 1px solid red;">hello</div> <br> <button>點(diǎn)擊按鈕，讓div不占位隱藏</button> </body> </html>
方法二：使用hide() 方法
$("div").hide();
hide()方法可以隱藏元素，原理就是給元素添加display:none樣式
方法三：使用toggle()方法
$("div").toggle();
toggle(方法檢查被選元素的可見狀態(tài)。如果一個元素是隱藏的，則運(yùn)行 show()隱藏元素，如果一個元素是可見的，則運(yùn)行 hide()顯示元素 – 這會造成一種切換的效果。
相關(guān)教程推薦：jQuery視頻教程
