如何使用jQuery's标志来交换CSS显示属性

How to use jQuery's flag to swap CSS display property

本文关键字：交换 CSS 显示 属性 标志 jQuery 何使用      更新时间：2023-09-26

当用户单击下拉菜单按钮(class .drop)时，具有class .dropdown的div应该是display: inline;，当下拉菜单按钮再次单击时，具有class .dropdown的div应该是display: none;，我使用标志功能来实现此结果，但单击时它不做任何事情。不带标志也可以。

<script>
    $(".drop").on('click', function(){
        $('.dropdown').css('display', flag ? 'inline' : 'none' );
    });
</script>

你可以使用jQuery在不同的CSS类之间切换。但是，您需要创建这两个类。如果你在两个不同的类之间切换，你甚至不需要跟踪标志特性(我假设你的意思是它是否被切换)。

$(".drop").on('click', function(){
  $('.dropdown').toggleClass('inline none');
});

.inline {
  display: inline;
}
.none {
  display: none;
}

.toggleClass()函数所做的是添加特定的类到元素，如果它没有，如果它已经是元素的一部分，删除它

可以在 css()

使用回调函数
<script>
    $(".drop").on('click', function(){
        $('.dropdown').css('display', function(i,v){return v=='none' ? 'inline' : 'none' });
    });
</script>
相关文章：