クリックイベントでクラスを削除するには？

-1

<!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（編集）：

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

$(document).ready(main);

それは（まだ）は動作しません。誰か助けてくれますか？クラスを選択するには

出典

2016-04-24 Lucas Ariel Enrich

あなたのセレクタはあなたがCSSクラスを選択していることを知りません。そのためには、.pruebaのようなドットで 'prueba'を入力する必要があります。それがIDの場合、#pruebaなどとなります。 – Anna

'$（ '.prueba'）。removeClass（ 'prueba'）;'ドットを最初のpruebaに追加し、2番目のpruebaから削除します。 ;） –

'$（ 'prueba'）'は '' prueba'というタグタイプの要素をすべて選択し、 ''にのみ一致することを意味します。あなたのセレクタが間違っているように、CSS – h2ooooooo

、あなたはドットでクラス名を前置きする必要があります

$('.prueba')

JQuery docsレビューしたいことがあります。

出典

2016-04-25 00:37:45

クリックイベントでクラスを削除するには？

答えて

関連する問題