Question

我知道有一种简单的方法可以做到这一点，但我还是js的新手。我只需要在这两个类之间切换，并且不知道该函数。这是标记：

HTML 例

JQUERY

<script type=”text/javascript”>
$(document).ready(function() {
$( ".item" ).click(function() {
$( ".itemcontent" ).toggleclass();
});
});
</script>

Answer 1

如果'.item'元素具有'.itemcontent'类，则需要在点击后切换后者

$( ".item" ).click(function() {
    $(this).toggleClass('itemcontent');
});

Answer 2

＆＃39; toggleClass＆＃39;函数将添加或删除单个类。

因此$('.item').toggleClass('itemcontent')会添加或删除＆＃39; itemcontent＆＃39;类为item的所有元素的类。如果您多次致电toggleClass('itemcontent')，则会删除课程itemcontent，然后添加课程，然后将其删除，依此类推。

如果您需要在两个班级之间切换，则需要向toggleClass电话发送两个班级。

像这样：

$('.item').toggleClass('class1 class2')

这将在class1和class2之间切换，假设元素用一个而不是另一个陈述。

因此，如果您希望课程item在class1和class2之间切换，则您的代码应为：

$( ".item" ).click(function() {
    $(this).toggleClass('class1 class2');
});

请记住，元素可以同时包含多个类。首先，您的item应该有class1或class2。然后，item将在两个类之间切换。如果item既没有class1也没有class2，那么它只会同时打开和关闭这两个类。

单击并在两个类之间切换

2 个答案: