例子

<!DOCTYPE html><html lang=\公众en\"大众><head> <meta charset=\"大众UTF-8\公众> <meta name=\"大众viewport\"大众 content=\"大众width=device-width, initial-scale=1.0\公众> <meta http-equiv=\公众X-UA-Compatible\"大众 content=\"大众ie=edge\"大众> <title>div隐蔽测试</title> <script src=\"大众http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js\"大众> </script></head><body> <button id=\公众controller\"大众>隐蔽或者显示</button> <div id=\"大众contents\"大众 style=\"大众display: none;\"大众> <p>div的内容</p> </div> <script> $(\公众#controller\"大众).click(function () { if ($(\"大众#contents\"大众).is(\公众:hidden\公众)) { $(\公众#contents\"大众).show() } else { $(\"大众#contents\"大众).hide() } }) </script></body></html>

jqyery操作

$(\公众#contents\"大众).is(\"大众:hidden\"大众) 可以判断是否是隐蔽

$(\公众#contents\"大众).show() 表示display:block,

jquery显示htmlhtml jquery操作div的显示 PHP

$(\"大众#contents\"大众).hide() 表示display:none;

操作元素的属性

$(\公众#contents\"大众).attr(\"大众style\公众,\"大众display:none;\"大众); //隐蔽div

$(\公众#contents\"大众).attr(\"大众style\公众,\"大众display:block;\公众); //显示div

也可以操作css属性

$(\公众#contents\"大众).css(\"大众display\公众,\"大众none\"大众); //隐蔽div

$(\公众#contents\公众).css(\"大众display\"大众,\"大众block\公众); //显示div

也可以直策应用toggle转换开关实现

$(\"大众#contents\"大众).toggle()