0307/each 함수

쌍용교육센터에서 공부한 내용을 정리하며 기록하는 글이고 주관적인 생각이 들어갈 수 있습니다.
잘못된 내용이나 피드백 및 생각 공유는 언제든 환영입니다.
댓글로 남겨주시면 확인 후 수정하겠습니다.
내용에 대한 소스 코드는 https://github.com/2jaehoon/html에 올려두었습니다.

Form Control

  - radio, checkbox는 checked된 값을 얻어야 한다.
    ( name 속성이 동일하게 부여된다. )
  - is() : true/ false를 반환하는 함수

$("selector").is(":속성") // 속성 : checked, selected

   
* each함수 ( 반복시키는 대상과 반복문을 합쳐 작성할 수 있다. )

  - jQueryObject에서 제공하는 반복 함수
  - selector로 찾아낸 태그를 바로 반복할 수 있다.
  - 외부에 선언된 배열을 받아서 반복

var arr = [값, ...];
  
$.each( 배열명, function( 인덱스, 배열방의 값 저장할 변수 ){
// 변수 사용하면 배열 방의 값을 얻을 수 있다.
});

  - selector 사용 : 선택자로 찾아낸 같은 이름의 Tag( Form Control )를 반복

// ("selector") : 찾아낸 태그
// each : 반복시킴
// 태그를 저장할 변수 : 현재 순번에 해당하는 태그 입력
$("selector").each( function( 인덱스, 태그를 저장할 변수 ){

});

 

  - radio나 checkbox에 선택된 것들만 얻어와서 반복 – 반복횟수를 최소화 할 수 있다.

$("selector:checked").each(function( 인덱스, 방의 값을 저장할 변수 ){

});