P>zepto 와 jquery 의 차이점

< /p>

1, 이동측 프로그램의 경우, Zepto 는 터치스크린 상호 작용 (tap 이벤트, swipe 이벤트) 에 사용할 수 있는 몇 가지 기본적인 터치 이벤트를 가지고 있으며, Zepto 는 IE 브라우저를 지원하지 않습니다. Zepto 의 개발자인 Thomas Fucks 가 브라우저 간 문제에 혼란을 겪고 있는 것은 아닙니다. Zepto 는 jQuery 구문을 사용하므로 문서에서 jQuery 를 IE 의 백업 라이브러리로 사용하는 것이 좋습니다. 그러면 프로그램은 여전히 IE 에 있고, 다른 브라우저는 Zepto 의 파일 크기 이점을 누릴 수 있지만, 두 API 는 완전히 호환되지 않으므로 이 방법을 사용할 때는 반드시 조심해야 하며 충분한 테스트를 해야 합니다. < /p>

2, Dom 작업의 차이점: id 를 추가할 때 jQuery 는 적용되지 않고 Zepto 는 적용됩니다. 3, 이벤트 트리거 차이: jQuery 를 사용할 때 load 이벤트 핸들러가 실행되지 않습니다. Load 이벤트의 핸들러는 Zepto 를 사용할 때 실행됩니다. 4, 이벤트 위임의 차이점: < /p>

복제 코드

1 var $ doc = $ (문서); < /p>

2 $doc.on('click','. a', function () {

3 alert (')

4 $ (this). remove class ('a'). addclass ('b');

5}); < /p>

6 $doc.on('click','. b', function () {

7 alert (')

8}); < /p>

복제 코드 < /p>

Zepto 에서 a 를 클릭하면' a 이벤트' 와' b 이벤트' 라는 내용이 차례로 팝업되어 이벤트가. a 에 위임되었지만. b 의 하지만 jQuery 에서는. a 위의 위임 팝업' a 이벤트' 만 트리거됩니다. Zepto 에서 document 의 모든 click 위임 이벤트는 순서대로 대기열에 배치됩니다. 클릭 시 현재 요소가. a 인지, 일치하면 실행되는지 확인한 다음. b 인지, 맞으면 실행됩니다. JQuery 에서 document 에는 두 개의 click 이벤트가 위임되어 클릭 후 선택기를 통해 일치시켜 해당 요소의 위임 이벤트를 수행합니다. < /p>

5, width () 와 height () 의 차이: Zepto 는 상자 모델 (box-sizing) 에 의해 결정되고. width () 를 사용하여 할당된 widto 를 반환합니다 JQuery 는 상자 모델을 무시하고 항상 컨텐츠 영역의 폭/높이를 반환합니다 (padding, border 제외).

offset () 의 차이: Zepto 는 {top, left, width, height}; JQuery 는 {width, height} 를 반환합니다. < /p>

7, Zepto 는 숨겨진 요소 너비 높이를 가져올 수 없습니다. jQuery 는 다음을 수행할 수 있습니다. < /p>

8, Zepto 에는 프로토타입에 대해 정의된 extend 메소드가 없고 jQuery 에는 있습니다. < /p>

9, Zepto 의 each 메소드는 배열만 통과할 수 있고 JSON 객체는 통과할 수 없습니다. < /p>

10, Zepto 는 DOM 의 selected 및 checked 속성을 조작할 때 가능한 한 prop 메서드를 사용하여 속성 값을 읽을 때 attr 보다 우선합니다.

Selected 속성이 CSS 의 표준 속성이 아니기 때문에 Zepto get select 요소의 선택된 option 은 jQuery 와 같은 메서드 $('option[selected]') 를 사용할 수 없습니다. $ ('옵션'). not (function () {return! This.selected}) 를 참조하십시오. < /p>

10, Zepto 가 지원하지 않는 선택기: < /p >