、顯示
el.style.display = '';
2、隱藏
el.style.display = 'none';
3、toggle
function toggle(el) {
if (el.style.display == 'none') {
el.style.display = '';
} else {
el.style.display = 'none';
}
}
4、完整例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript" src="jquery-1.7.js"></script> <style type="text/css"> .myDiv { border:5px solid red; width:300px; height:300px; } </style> <script type="text/javascript"> <!-- function f1() { //toggleClass檢查對象是否存在某個指定的樣式 如果存在則移除 如果沒有則添加 $("#myDiv").toggleClass("myDiv"); } //--> </script> </head> <body> <div id="myDiv" > 大家好 我是div </div> <input type="button" value="toggleClass用法" onclick="f1()"> </body> </html>
認(rèn)效果:
展開效果:
廢話不多說,直接上代碼:
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。