본문 바로가기

jQuery에서 bind와 on의 차이점 및 사용 예제 jQuery에서 bind와 on은 대단히 유용한 기능이다!(이벤트 처리를 간단하게 할 수 있다!) 그런데 둘은 무슨 차이가 있을까? 사용하는 형태는 완전 동일하다!(그냥 다음과 같이 하면 된다!) $("#foo").bind('click', function() { alert('foo click.'); }); $("#foo").on('click', function() { alert('foo click.'); }); bind를 쓰든 on을 쓰는 아무런 상관이 없다.(기능도 완전 동일하다!) 다만 jQuery 1.7 이후부터는 on을 사용하도록 권장하고 있다!(아주 먼 훗날에 bind는 사라질 예정이라고 한다!) 그래서 되도록이면 on을 사용하도록 노력하고 있다!(하지만 당장은 bind를 써도 무방하다!) 더보기
자바스크립트로 실시간 시계 만들기 자바스크립트에서도 디지털 시계를 구현할 수 있다! 거칠게 정리하자면 다음과 같은 원리라고 할 수 있다. 1. new Date()를 사용해서 시간 정보 추출 2. innerHTML을 통해 화면 렌더링 3. setTimeout()을 이용해서 0.5초 단위 갱신 예제 소스는 다음과 같다!(출처 : http://www.w3schools.com) 더보기
체크박스(checkbox) 모두 체크 기능 구현하기(자바스크립트 이용) checkbox 처리를 할 때 '모두 체크' 버튼은 필수적으로 만들어 주는 것이 좋다! 자바스크립트를 사용하면 뚝딱 만들 수 있다. 다음과 같이 처리하면 된다! 모두 체크 Box1 Box2 Box3 Box4 더보기