[jQuery] 입력 요소 제어

입력 요소 제어 

---

$.each() 함수

 - 배열을 탐색하는 jQuery 기능

var data = ['hello', 'world'];
 
// 배열을 탐색하면서 원소의 수 만큼 콜백함수가호출된다.
$.each(data, function(index, item){
    // index는 순차적으로 0, 1
    // item은 순차적으로 'hello', 'world'
});

 - 배열의 원소가 HTML객체인 경우 jQuery 객체로 변환하여 사용해야 한다.

// ex) 체크 
var data = ['<input type="checkbox" />', '<input type="checkbox" />'];
 
// 배열을 탐색하면서 원소의 수 만큼 콜백함수가호출된다.
$.each(data, function(index, item){
    // $(item) 형태로 객체를 생성하여 처리 가능
});

 - 원래 목적은 객체를 탐색하는 기능

var data = {name: 'hello', userid: 'world', age: 20};
 
$.each(data, function(index, item){
    console.log(index + " >> " + item);
});

입력요소 관련 submit 이외의 이벤트

 - 포커스가 들어온 경우

$("셀렉터").focus(function( [e] ){
    ...    
});

 - 포커스가 빠져나간 경우

$("셀렉터").blur(function( [e] ){
    ...    
});

상태가 변경된 경우

 - change 이벤트는 주로 라디오, 체크박스, 드롭다운에 대하여 활용도가 높다

$("셀렉터").change(function( [e] ){
    ...    
});

- 텍스트를 입력하는 요소일 경우

내용이 변경되고 포커스가 빠져 나올 때 이벤트가 발생한다.

- 체크박스나 라디오 버튼의 경우

선택 상태가 변경된 즉시 발생한다.

- 드롭다운의 경우

선택 상태가 변경된 즉시 발생한다.