jQuery 如何让 div 不显示? 让 div 隐藏? 下面本篇文章就来给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
方法 1: 使用 attr() 方法配合 display 属性来让 div 不显示
$("div").attr("style","display:none;");// 隐藏 div
拓展:
$("div").attr("style","display:block;");// 显示 div
方法 2: 使用 CSS() 方法配合 display 属性来让 div 不显示
$("div").CSS("display","none");// 隐藏 div
拓展:
$("div").CSS("display","block");// 显示 div
方法 3: 使用 hide() 方法来让 div 不显示
hide() 方法隐藏被选元素.
提示: 这与 CSS 属性 display:none 类似.
注释: 隐藏的元素不会被完全显示 (不再影响页面的布局).
提示: 如需显示隐藏的元素, 请查看 show() 方法.
示例:
- $("div").hide();// 隐藏 div
- $("div").show();// 显示 div
注:
$("div").show() 表示 display:block,
$("div").hide() 表示 display:none;
方法 4: 使用 toggle() 方法来让 div 不显示
toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换.
该方法检查被选元素的可见状态. 如果一个元素是隐藏的, 则运行 show(), 如果一个元素是可见的, 则运行 hide() - 这会造成一种切换的效果.
注释: 隐藏的元素不会被完全显示 (不再影响页面的布局).
示例:
- $("div").toggle(// 动态显示和隐藏
- function () {
- $(this).attr("style","display:none;");// 隐藏 div
- },
- function () {
- $(this).attr("style","display:block;");// 显示 div
- }
- );
更多 web 开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/15953.html