jquery 선택자

순수javascript가아닌 jquery를 사용하는 가장 큰 이유 : 사용하기 편리한 선택자

 

- id 선택 : $('#idName')

- class 선택 : $('.className')

- name 선택 : $('input[name=elName]'), $('select[name=elName]') ...

- type 선택 : $('input[type=text]'),$('input[type=radio]')

 

- radio버튼의 선택된 값 : 

                                 $("input:radio[name=elName]:checked").val(); 

                                 => input의 type이 radio이면서 name이 elName인 el중에 check된 값

                                  $("input[name=elName]:checked").val();

                                 => 그냥 이렇게 써도 됨.

 

☆ check box : input의 type이 checkbox라면 선택된 값만 백단으로 전달된다.

- check box의 선택된 값 : 

                                  $("input[name=elName]:checked").each(function() {

                                      console.log("VALUE확인 : " + $(this).val(););

                                  } => name이 elName이면서 선택된 모든 value가 순서대로 출력 됨.