How to remove a class on click event?

Question

HTML:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script type="text/javascript" src="app.js"></script> 
    <title>Prueba</title>
</head>
<body>
    <div class="prueba"></div>
</body>
</html>

CSS:

.prueba {
    height: 100px;
    width: 100px;
    background-color: green;
}

JS (Edited):

var main = function() {
    $('.prueba').click(function() {
        $(this).removeClass('.prueba');
    });
};

$(document).ready(main);

It (still) doesn't work. Can someone help me?

Answer 1

To select class, you should preface class name with a dot:

$('.prueba')

JQuery docs you may want to review.

How to remove a class on click event?

Question

1 answers

solution1
0 ACCPTED 2016-04-25 00:37:45

How to remove a class on click event?

Question

1 answers

solution1 0 ACCPTED 2016-04-25 00:37:45

solution1
0 ACCPTED 2016-04-25 00:37:45