336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
$('#quantity').blur(function(){
} ;
이건 탭키를 눌러 필드의 바깥으로 옮기거나 포커스된 필드의 바깥을 클릭할 때 브라우저는 blur 이벤트를 발생시킨다. 텍스트 필드나 textarea에서 방문객이 클릭이나 탭으로 필드를 빠져나갈 때 값을 검증하기 위해 사용한다. 이걸 잘 사용하면 필드 바깥으로 나가려고 할 때마다 체크해서 하나씩 알려줄 수 있다.
$(':radio').click(function(){
//라디오 버튼을 클릭할 때마다 함수가 적용된다.
} ;
click 이벤트는 폼 HTML 요소를 클릭했을 때 발생한다.
$('#country').change(function(){
} ;
메뉴(<select> 태그)에서 옵션을 선택할 때마다, change 이벤트가 발생하는데 이 이벤트를 유효성 검사에 사용할 수 있다.
그리고 메뉴에서 선택한 값에 따라 폼이 변하도록 프로그램을 만들 수도 있다. 이 두번째 기능은 11번가, g마켓 등의 홈페이지에서 예를들어 구두하나를 선택하면 그 구두에 해당하는 남은 사이즈들이 뭐가 있는가 하는... 음. 메뉴에서 옵션을 선택할 때마다 함수를 실행해서 두 번째 메뉴의 옵션을 바꾸는 기능이다.
} ;
이건 탭키를 눌러 필드의 바깥으로 옮기거나 포커스된 필드의 바깥을 클릭할 때 브라우저는 blur 이벤트를 발생시킨다. 텍스트 필드나 textarea에서 방문객이 클릭이나 탭으로 필드를 빠져나갈 때 값을 검증하기 위해 사용한다. 이걸 잘 사용하면 필드 바깥으로 나가려고 할 때마다 체크해서 하나씩 알려줄 수 있다.
$(':radio').click(function(){
//라디오 버튼을 클릭할 때마다 함수가 적용된다.
} ;
click 이벤트는 폼 HTML 요소를 클릭했을 때 발생한다.
$('#country').change(function(){
} ;
메뉴(<select> 태그)에서 옵션을 선택할 때마다, change 이벤트가 발생하는데 이 이벤트를 유효성 검사에 사용할 수 있다.
그리고 메뉴에서 선택한 값에 따라 폼이 변하도록 프로그램을 만들 수도 있다. 이 두번째 기능은 11번가, g마켓 등의 홈페이지에서 예를들어 구두하나를 선택하면 그 구두에 해당하는 남은 사이즈들이 뭐가 있는가 하는... 음. 메뉴에서 옵션을 선택할 때마다 함수를 실행해서 두 번째 메뉴의 옵션을 바꾸는 기능이다.
'공부 > 자바스크립트 jQuery' 카테고리의 다른 글
실무에 꼭 쓸 jQuery 플러그인 모음 (0) | 2012.02.01 |
---|---|
jQuery) 폼에 포커스 주기, 필드사용/사용안함 (0) | 2012.01.30 |
jQuery) 폼 Focus (0) | 2012.01.30 |
jQuery) Submit (전송버튼) (0) | 2012.01.30 |
jQuery) 폼 필드 선택자 (0) | 2012.01.30 |
댓글