我有一个菜单,我的用户应该能够通过按下按钮来调整它的大小。我有以下代码:
<header class='large'>
<nav>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</nav>
</header>
<button onclick="resizeMenu()">Resize</button>
function resizeMenu()
{
if(exists(header.large) {
$("header").removeClass("large").addClass("small");
} elseif(exists(header.small)
$("header").removeClass("small").addClass("large");
}
}
我真的不知道应该如何编写条件。顺便说一句,我正在使用 jquery。
最佳答案
您可以使用 jQuery 中的 .hasClass:
function resizeMenu()
{
if($("header").hasClass("large")) {
$("header").removeClass("large").addClass("small");
} elseif($("header").hasClass("small"))
$("header").removeClass("small").addClass("large");
}
}
关于javascript - 检查元素中的类是否等于值javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21457160/