添加和删​​除类到id

Question

当我点击课程时，'id不会返回课程隐藏 你能帮助我吗？ 感谢

CSS

    .hide{color: red}
    .show{ color: green}

HTML

<div id="prova" class="hide">
    prova
</div>

的jQuery

$(document).ready(function()
    {
        $("#prova.hide").click(function()
        {

            $(this).removeClass();
            $(this).addClass("show")
        })
        $("#prova.show").click(function()
        {

            $(this).removeClass();
            $(this).addClass("hide")
        })

    })

Answer 1

试试这个：

$("#prova").click(function(){
    $(this).toggleClass('show hide');
});

DEMO HERE

Answer 2

更改课程时，您的点击事件不受约束。因此，当您更改类时，元素不再具有与它们关联的事件。

    $(document).on('click', "#prova.hide", function()
    {

        $(this).removeClass();
        $(this).addClass("show")
    })
    $(document).on('click', "#prova.show", function()
    {

        $(this).removeClass();
        $(this).addClass("hide")
    })

Answer 3

调用$("#prova.hide").click(时，click函数仅应用于与代码运行时选择器匹配的元素。您应该执行类似的操作这样：

$("#prova").click(function()
{
    var $this = $(this);

    if($this.hasClass("show")){
        $this.removeClass("show");
             .addClass("hide");
    } else {
        $this.removeClass("hide");
             .addClass("show");
    }
});