jQuery 기본 형태, jQuery 기본 선택자 유형, jQuery(document).ready()

 

jQuery 기본 형태

·       jQuery는 이름에서 알 수 있듯이 질의와 밀접한 관련이 있으며, 질의는 선택자를 통해 이루어집니다.

·       선택자를 이용해 조작하거나 선택하길 원하는 요소를 지정하면 자바스크립트 엔진(해석기)는 문서 객체 모델에 요청해서 해당 요소를 가져오게 됩니다.

 

 

 

jQuery 기본 선택자 유형

·       jQuery의 선택자는 이미 널리 사용되고 있는 CSS 선택자와 유사합니다.

·       기본 선택자 유형으로는 전체 선택자, 태그 선택자, 클래스 선택자, ID 선택자가 있습니다.

 

선택자	설명
전체 선택자	·       HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자
태그 선택자	·       HTML 페이지에 있는 문서 객체를 태그 이름으로 선택하는 선택자
다중 선택자	·       HTML 페이지에 있는 여러 개의 태그를 동시에 선택할 때 사용하는 선택자
아이디 선택자	·       HTML 페이지 안의 특정 id 속성을 가지고 있는 문서 객체를 선택하는 선택자
클래스 선택자	·       HTML 페이지 안의 특정 class 속성을 가지고 있는 문서 객체를 선택하는 선택자
자식 선택자	·       자식 선택자는 자식을 선택하는 선택자 ·       ‘부모 > 자식’의 형태로 사용
후손 선택자	·       후손 선택자는 이름 그대로 후손을 선택하는 선택자. ·       ‘요소 A 요소 B’의 형태로 사용하여 요소 A의 후손으로 범위를 한정
속성 선택자	·       속성 선택자는 태그이름에 속성을 조합해서 선택하는 방식
입력 양식 필터 선택자	·       input 태그 중 type 속성별 선택자
필터 선택자	·       기본 필터 선택자와 함수 필터 선택자가 있습니다.

 

 

 

  

 

 

jQuery(document).ready()

문서의 준비가 완료되면 매개 변수로 전달된 함수를 실행하라는 의미 

<script> $(document).ready(function(){   }); </script>   //아래의 표현도 동일한 기능 수행   <script> $(function(){   }); </script>