cSelector 프레임 워 크 --- css selector 를 통 해 DOM 문 서 를 조회 합 니 다.

원본 주소:
http://www.jsparadise.cn/?page_id=329
cSelector 는 초기 본인 의 디자인 방향 에 따라 작 성 된 패 키 징 라 이브 러 리 입 니 다. css 스타일 규칙 selector 를 통 해 Document 문서 에서 DOM 요소 목록 을 선택 하 는 데 사 용 됩 니 다.라 이브 러 리 에서 원 초적 인 방식 으로 선택 한 요 소 를 선별 한 다음 selector 에 맞 는 DOM 요소 배열 을 되 돌려 줍 니 다.XPath, document. evalute 등 js 고급 기술 을 사용 하지 않 았 습 니 다.라 이브 러 리 의 일부 코드 에 대한 최 적 화 를 통 해 현재 의 효율 은 jQuery 와 몇 밀리초 차이 가 날 것 이다.
현재 cSelector 가 지원 하 는 selector 는 다음 과 같 습 니 다.
#id,
.className,
tagName,
:first-child,
:last-child,
:nth-child,
: only-child,
>,
$=,
*=,
^=,
=,
[attr]
라 이브 러 리 는 원시 적 인 방식 을 바탕 으로 하기 때문에 css 3 의 일부 고급 특성 에 추가 되 지 않 았 습 니 다.
사용 방식 은 다음 과 같 습 니 다.

//selector        。 
2.cSelector("div p[title=test]"); 
3.cSelector("div > p span"); 
4.cSelector("#div:first-child"); 
5.cSelector(".div > p:nth-child(2n)"); 
6................

알림: 선택 기 (selector) 가 선택 한 DOM 요소 가 하나 밖 에 없다 면 이 요 소 를 직접 되 돌려 줍 니 다. 그렇지 않 으 면 DOM 요소 배열 을 되 돌려 줍 니 다.
cSelector 는 jQuery, ExtJs, Prototype 에 내 장 된 selector 조회 와 다양성 과 전 능 성 등에 서 차이 가 있 지만 일부 작은 프로젝트 에서 세 개의 라 이브 러 리 파일 이 웹 페이지 를 불 러 오 는 데 너무 큰 영향 을 미 치 는 것 을 참 지 못 한다 면 cSelector 는 좋 은 선택 입 니 다.