선택자는 HTML 요소를 선택하여 가져오게 됩니다. 제이쿼리 선택자는 CSS 선택자와 마찬가지로 선택한 요소의 디자인 속성을 적용할 때 사용 할 수 있고 동적으로 스타일을 적용 할 수 있습니다.
문서객체모델DOM이란 HTML 문서 객체 구조를 말하는데요. 사용되는 태그를 객체라고 부르며 태그는 기능과 속성이 포함되어 있습니다.
제이쿼리 객체선택 제이쿼리의 장점
1. 문서객체선택 쉬워짐
1) JS : document.getElemtById('아이디명');
2) jQuery : $('#아이디명')
2. 속성의 메서드화
1) JS : 객체명.textContent = '문자열'
2) jQuery : 객체명.text('문자열')
3. 메서드의 단순화
1) JS : 객체명.setAttribut(속성명,값);
2) jQuery : 객체명.attr(속셩명,값);
4. 메서드의 게터세터를 한번에 사용
1) JS : 속성값얻기 - 객체.getAttribute(속셩명);
속성값변경 - 객체.setAttribut(속성명,값);
2) jQuery : 속성값얻기 - 객체.attr(속성명);
속성값변경 - 객체.attr(속성명,값);
5. 시각효과와 animate처리가 잘됨
6. ajax를 단순화해서 처리 가능
제이쿼리 선택자를 사용하기 위해서는 문서객체를 불러와야 하는데요. 기본 선택자 종류를 알아보도록 합니다. 직접선택자로는 전체선택자, 아이디 선택자, 클래스 선택자, 요소선택자, 그룹 선택자, 종속선택자가 있으며 인접 관계 선택자로는 부모요소선택자, 상위요소선택자, 가장 가까운 상위요소 선택자, 하위요소선택자, 자식요소선택자, 자식요소들선택자, 형(이전)요소들선택자, 지정형(이전)요소들선잭타, 동생(다음)요소선택자, 동생(다음)요소들선택자, 지정 동생(다음)요소들 선택자, 전체 형제 요소 선택자가 있습니다.
댓글