attr 태그의 속성값을 가져오거나 설정한다. $("#img_id").attr( "class"); #img_id의 class를 가져옴 - test_class $("#img_id").attr("src", "resources/images/good.png"); #img_id의 이미지를 "resources/images/good.png"로 변경함 $("#img_id").attr("value"); #img_id의 value를 가져옴 - 1234 $("#img_id").attr("value", "5678"); #img_id의 value를 5678로 변경함 prop 태그의 상태값을 가져오거나 설정한다. // true - 체크 O // false - 체크 X $("#chk").attr( "checked"); #chk의 ..
태그를 동적으로 생성한 후 - append, html 등 .. 동적으로 추가된 태그에는 이벤트가 동작하지 않는다. 이벤트가 동작하지 않는 이유 - [JS] 웹 페이지 HTML 렌더링 $("#child").click(function(){}은 이미 렌더링 되어서 동작하지 않는 것이다. 페이지가 로드 될 때 Script - $("#child").click(function(){}은 있는데 html의 태그- #child가 없어서 (append 하기 전에) $(document).on("click", "#child", function(){ // on 이벤트로 변경 alert($(this).attr("value")); }); 위와 같이 on 을 사용하여 해결 할 수 있다. on - 이벤트를 실행할 때 그 실행하는 순간..
[JS] 이벤트 캡처링(capturing)과 버블링(bubbling)
버블링은 안쪽 요소 부터 이벤트가 발생한다. 클릭 클릭 버튼을 누르면 child -> parent -> body 가 alert 출력된다. event.stopPropagation() 함수를 사용해서 버블링 중단을 할 수 있다. 클릭 child 가 alert 출력된다. 캡처링은 바깥 요소 부터 이벤트가 발생한다. {capture: true} 또는 true 를 사용해서 캡처링을 사용할 수 있다. body -> parent -> child 가 alert 출력된다.