、显示
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>
认效果:
展开效果:
废话不多说,直接上代码:
*请认真填写需求信息,我们会在24小时内与您取得联系。