変数にjqueryオブジェクトを割り当てると、正常に動作しない

Question

これらのバージョンのコードのいずれかが動作し、もう一方が失敗する理由を説明できる人はいますか？

これは動作しません：

var classForSelectedElement = "hightlight"; 
var prevSelect = $(".form-element"); 
var $selectedElement = $("div").on("click", ".form-element",function(e){ 
    prevSelect.removeClass(classForSelectedElement); 
    $(this).addClass(classForSelectedElement); 
}); 

この作品のに対し：

var classForSelectedElement = "hightlight"; 
var $selectedElement = $("div").on("click", ".form-element",function(e){ 
    $(".form-element").removeClass(classForSelectedElement); 
    $(this).addClass(classForSelectedElement); 
}); 

はなぜ？

Answer 1

あなたが前に、ページのロード時に.form-elementを取得しようとしているとして、最初の例では動作しません.form-element要素を動的にロードした後（による委任イベントハンドラの使用状況に）DOMに追加されていると仮定彼らは存在する。