JQuery와 JavaScript_jquery의 유사점과 차이점에 대한 심층 분석

ps: LZ는 이 제목이 너무 크고 내 능력을 넘어선다고 생각합니다. 마음에 들지 않으면 만지지 마세요. 현재는 LZ의 능력범위 내에서만 기록되어 있으며, 향후 보완될 예정이다.

1. JQuery 개체와 DOM 개체 간의 상호 변환("Sharp JQuery")

DOM으로 변환된 JQuery:

1. var jq = $('#selector'); var dom = jq[index];

2. var jq1 = $('#selector1'); var dom1 = jq1.get(index) 또는 var dom1 = jq1.get()[index];

DOM을 JQuery로 변환:

cr이 JQuery로 변환된 DOM 객체라고 가정합니다. jqcr = $('cr');

2. JQuery의 $(document).ready()와 JavaScript의 window.onload()("Sharp JQuery")의 차이점

1. 실행 시기

                                                                                                                                       window.onload는 실행되기 전에 웹 페이지의 모든 리소스(그림 포함)가 로드될 때까지 기다려야 하는 반면 $(document).ready()는 모든 DOM 구조가 그려진 후에 실행되지만 리소스는 DOM과 연결되어 있을 수 있습니다. 아직 로드되지 않았습니다.

2. 출품작 수

문서에는 window.onload가 하나만 있지만 $(document).ready()는 여러 개를 가질 수 있습니다

3. 단순화된 방법

window.onload에는 약어가 없습니다. $(document).ready()는 $(function(){})로 약칭할 수 있습니다.

3. JQuery와 JavaScript에서 속성 이름에 액세스하는 것의 차이점("JQuery in Action")

JQuery 사양 이름 DOM 사양
셀 간격 셀 간격
클래스 클래스이름
콜스팬 콜스팬
IE의 cssFloat는 styleFloat이고 다른 브라우저는 cssFloat입니다
IE의 float는 styleFloat이고 다른 브라우저는 cssFloat입니다
HTML용
프레임테두리
최대 길이 최대 길이
읽기전용 읽기전용
rowspan rowSpan
> >                  탭인덱스 탭인덱스
지도 사용 지도 사용

4. 갈등

이론적으로 DOM에는 충돌이 없습니다. JQuery에는 충돌을 방지하기 위한 두 가지 솔루션이 있습니다. ("Sharp JQuery")

1. 다른 라이브러리 다음에 JQuery 라이브러리를 가져옵니다.

JQuery를 호출합니다. noContribute() 메서드는 $ 제어를 다른 라이브러리나 사용자 정의된 단축키에 제공합니다. $j = JQuery.noConflect();

2. 다른 라이브러리보다 먼저 JQuery 라이브러리를 가져옵니다.

$ 대신 JQuery를 직접 사용하여 작업하고, $를 다른 라이브러리에 대한 바로가기로 사용할 수 있습니다.