addClass（）成功した​​が、私は特定の時間に検証したいHTMLフォーム持つページ要素

Question

良い一日、

には適用されない変更：入力のfocusin()イベントに

• を。
• は、入力のfocusout()イベントにあります。
• 送信入力がクリックされたとき。たとえば、
• など

、私はCSSクラスを追加することができ、「選択」、入力にはfocusIn()イベントを発生しますが、入力が追加されたクラスを反映するために、視覚的に変化しない場合。私は、クラスが追加されているかどうかを調べるために、そしてhasClass("selected")がTRUEを返すかどうかをテストしました。

異なるアプローチを試してインターネットを高低に検索してから、クラスが追加された理由はわかりませんが、ページは視覚的に変化しません。

---

私はそれは私がCSSやJavaScriptをインポートする方法に問題はないと思います。

<style rel="stylesheet" type="text/css">@import url("../css/style.css");</style> 

jQueryと次のようにscript.jsをヘッドにインポートされる：次のように

style.cssには、ヘッドにインポートされ

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script type="text/javascript" src="../js/script.js"></script> 

Here is a functioning codepen for the page.

---

ご迷惑をおかけして申し訳ございません。期待される結果を達成するために

Answer 1

、あなたは `.SHOW話をしている場合があり、ここでの挙動を示すものは何もないですが、

.form1 p input.selected { 
    border-left-width: 8px; 
} 

https://codepen.io/nagasai/pen/borGvB