웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

Sizzle Selector Engine이란? 자세히 알아보기...

Last Modified : 2017-09-21 / Created : 2014-06-28
8,729
View Count
씨즐 셀렉터 문법 및 특징

씨즐 셀렉터(Sizzle Selector)를 이야기하려면 우선 가장 넓리 쓰이는 자바스크립트 라이브러리 중 하나인 제이쿼리(jQuery)를 빼놓을 수 없겠죠... 이 제이쿼리에서 사용하는 셀렉터가 바로 씨즐 셀렉터(Sizzle Selector)입니다.

실제로 jQuery의 소스를 확인해보면 안에 Sizzle Selector가 명시된 부분이 있는데요... jQuery의 가장 강력한 요소가 바로 이 Selector 부분인데 이게 Sizzle Selector라고 합니다.

제이쿼리 웹사이트에서 선택자만 사용하길 원할 경우 Sizzle Selector만 따로 다운받아 사용할 수 있으며 실제로 자바스크립트로만 코딩하되 Selector만 가져와서 빌드하는 개발자도 상당히 많다고 합니다...


# Sizzle Selector 선택자 엔진의 특징, 선택자 방법 보기


가장 큰 특징으로 다음 문법의 사용입니다.


# 샵 기호를 사용해 아이디명 선택 가능
. 구둣점기호를 사용해 클래스명 선택 가능
> 또는 < 부등호 기호를 사용 바로 상위 또는 하위의 요소를 선택이 가능


위와 같은 문법적 특징이 편리하면서도 쉬운 씨즐러 선택자 특징입니다.

Previous

[JavaScript] 시간 지연 함수, 일정 시간 뒤 실행시키기, setTimeout() {}

Previous

[jQuery] 제이쿼리를 이용해 요소를 상대 또는 절대좌표 서서히 이동, animate()