2016-04-28 11 views
0

私は、隠されたメッセージを表示しようとしてJQueryを使い始めています。 私はそれをロードするとき、メッセージはまだ隠されています。 メッセージに「error」と「hidden」という2つのクラスがあり、javascript/JQueryで「hidden」クラスを削除したいと思います。クラスを削除するためにJQueryを取得できません

<head> 
    <title>Title</title> 
    <link rel="stylesheet" href="./css/style.css" /> 
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
</head> 

<body> 
    <span class="error hidden" id="error">This field is required.</span> 

    <script> 
     $("error").removeClass("hidden"); 
    </script> 
</body> 

マイCSS

.hidden { 
    visibility:hidden; 
} 

私は何をしないのですか?助けてくれてありがとう!

+0

クラスセレクターで.' '行方不明に' $(「エラー 『)removeClass(』隠された」); ' –

+0

は、ブラウザのコンソールをチェックして、 'TypeError:$ is undefined'エラーが発生していないことを確認してください。[JQuery Library](https://code.jquery.com/jquery-2.2.1.js)を追加してください。 – hmd

+0

申し訳ありませんが、要素のidも "error"であると考えられます。 – SJ19

答えて

3

$("error")errorは有効なセレクタではないため、機能しません。あなたは要素を選択するために有効なCSSのIDセレクタを使用する必要があります。

$("#error").removeClass("hidden"); 
+0

申し訳ありませんが、要素のidが "error"となっています – SJ19

+0

@SJacobsこれはどちらの方法でも動作します - この場合は '.error'または'#error'です – chazsolo

+0

ありがとうございます!可能であれば回答として選択します。 – SJ19

関連する問題