[jQuery] 동적 추가 요소 이벤트 부여하기

자바스크립트를 이용해 동적으로 추가된 요소에 이벤트 핸들러를 만들어주면 동작하지 않는다. 그래서 live 메소드를 통해 이벤트 핸들러를 생성해서 사용해왔지만 이 방법은 괘나 오래전부터 많은 문제점으로 인해 지원을 하지 않게 되버린지 오래이다. 즉, 옛날 버전 jQeury하면 모를까 요즘 버전의 jQuery 라이브러리에서는 live 메소드는 사용이 불가하다. 하지만 아직도 제목과 같은 검색어로 찾아보면 live 메소드를 이용하는 방법을 소개하는 글이Continue reading “[jQuery] 동적 추가 요소 이벤트 부여하기”

에디트플러스 Zen Coding 사용방법

EditPlus 3.41 버전부터 추가되었던 Zen Coding 기능을 소개합니다. 기존 사용자들은 저처럼 기능이 추가 됐음에도 기존 자주 사용하던 기능 위주로만 툴을 사용해 에디터가 버전업이 되더라도 버그 픽스에 대한 부분만 체감할 수 있었는데요. (언제부터인가 새 기능에 둔감해진 자신의 모습을 보게 됩니다.) 옆 그림에서 보이듯이 Zen Coding 사용을 체크하면 html 코딩이 귀찮은 분들에게는 혁명이 일어납니다. 간단하게 설명하자면 일종의Continue reading “에디트플러스 Zen Coding 사용방법”

[jQuery] checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이)

jQuery에서 엘리먼트의 속성을 동적으로 변경시키기 위해 .attr 메서드를 흔히 사용합니다. 폼 요소에서도 checkbox나 radio에 체크값에 변경을 주기 위해 .attr 메서드에 checked 값을 넣었지만 동작하지 않았습니다. jQuery 1.6 버전부터 .attr 메서드의 기존 역할은 .attr과 .prop로 나뉘어지게 되었다는걸 알았습니다. .attr과 .prop 메서드의 차이는 간단합니다. html 어트리뷰트와 javascript의 속성을 컨트롤하는 차이입니다. 체크박스나 라디오버튼은 html 어트리뷰트를 변경해도 변화가 없음을Continue reading “[jQuery] checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이)”