Jquery change() function.

JQuery 에 존재하는 change 함수는 기본적으로 대상 객체가 변경이 일어났을 때 어떤 이벤트를 발생시킬 수 있도록 해준다.
일종의 이벤트 함수이다.

1
$("selector").change(() -> {});

jQuery 나 VanilaJS 를 통해 중에 단순히 필드 값을 변경시킬 수도 있는데 (예를 들면 체크박스를 체크시키는 것 처럼) 이렇게 하면 기존에 설정되어 있는 이벤트 들이 정상적으로 동작하지 않을 때도 있다.

이때 단순히 값이 변경되고 나서 $(“selector”).change() 함수를 콜백함수 없이 선언해주면 이벤트 콜이 발생된다. (정확한 원리는 모르겠다.) 해당 셀렉터에 걸려있는 모든 이벤트들이 발생함으로 주의하자.

아래는 예제 코드

1
2
$("selector").prop("checked", true);
$("selector").change();
Share