jquery 이벤트 처리기가 값을 변경하지 않는 이유는 무엇입니까?

Question

이벤트 핸들러를 사용하여 메시지를 변경했지만 링크를 클릭 한 후 메시지가 변경되지 않았습니다.

$("a").bind("click", function(event) { 
    $(event.target).text('Changed msg'); 
}); 

이 같이 단락 될 수있다 : 당신이 앵커 태그의 텍스트를 변경하려면

$("a").bind("click", { message : msg }, function(event) { 
    msg = "Changed msg"; 
    alert(event.data.message); 
    }); 

Answer 1

, 당신은 그렇게 like this 할 수 있습니다 : 여기

<a href="javascript:void(0);">Test 1</a> 
<a href="javascript:void(0);">Test 2</a> 

는 자바 스크립트 파일입니다 this은 이벤트 핸들러 내부에서 event.target 또는 함수를 바인딩 한 항목 (앵커 태그)을 나타냅니다. 따라서 다음과 같이 작성할 수 있습니다.

$("a").bind("click", function() { 
    $(this).text('Changed msg'); 
}); 

DOM (문서 개체 모델)을 변경하기 위해 값을 간단히 설정할 수 없습니다. jQuery에게 당신이하고 싶은 것을 말하기 위해서는 text과 html과 같은 메소드를 사용할 필요가있다. vanilla JavaScript으로 그렇게 할 수 있습니다.

설명에서 언급했듯이 eventData은 이벤트 처리기에 길게 전달할 수있는 객체입니다. 그러나 그것은 변화 시키거나 변화시킬 수 없습니다.