javascript - 编写隐藏/显示 div 代码的更短、更简单的方法

标签 javascript jquery

有没有一种更简单、更短的方法来编写一种显示和隐藏 div 的方法,而不必将每一行都表示为显示或隐藏?

function startOver() {
    $('.box1').hide();
	$('.box2').hide();
	$('#box3').hide();
	$('.box4').show();
	$('.box5').show();
	$('.box6').show();
	$('.box7').show();
	$(".aboveDiv").html("Insert Text");
}

最佳答案

尝试 multiple-selector使用 jquery 的 ,

function startOver() {
    $('.box1, .box2, #box3').hide();
    $('.box4, .box5, .box6, .box7').show();
    $(".aboveDiv").html("Insert Text");
}

关于javascript - 编写隐藏/显示 div 代码的更短、更简单的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35155121/

相关文章:

javascript - Shadow DOM,使用目的

javascript - 如何使用 JQuery 或 JavaScript 删除嵌入的音频

jquery - 是否可以选择 <a> 标签内的文本?

javascript - 返回未定义的值

javascript - Jquery通过内部元素的文本切换列表元素

javascript - 语法错误 : Cannot use import statement outside a module: when running Jest-expo tests

javascript - 在node js中,如何使用询问器创建提示循环?

javascript - 取消在页面上加载另一个 Javascript 文件

javascript - 在 Popover 外部单击时隐藏 Bootstrap Popover

javascript - 比较对象并仅获取所有对象中存在的对象