jquery - onclick 按钮

Question

我在按钮上有一个代码

onClick="$('img').removeClass('highlighted');$(this).addClass('highlighted')

好吧，它会让按钮突出显示，但是否可以在其中添加一个检查语句来查看按钮是否已经突出显示并取消突出显示它，而不是让它保持突出显示？

Answer 1

您应该使用.click改为使用 javascript，因为之后更容易阅读和管理:

<script type="text/javascript">
    $(document).ready(function() {
        $("#button").click(function() {
            if ($(this).hasClass('highlighted')) {
                $('img').addClass('highlighted');
                $(this).removeClass('highlighted');
            } else {
                $('img').removeClass('highlighted');
                $(this).addClass('highlighted');
            }
        }
    });
</script>

您还可以使用toggleClass :

<script type="text/javascript">
    $(document).ready(function() {
        $("#button").click(function() {
            $('img').toggleClass('highlighted');
            $(this).toggleClass('highlighted');
        }
    });
</script>