jQuery JavaScript ajax의 차이점: 1. javaScript는 클라이언트 측 웹 개발을 위한 스크립팅 언어로 널리 사용되며 HTML 웹 페이지에 동적 기능을 추가하는 데 자주 사용됩니다. 2. AJAX는 대화형 웹 애플리케이션을 만들기 위한 웹 개발 기술입니다. ; 3. jQuery는 웹 사이트에 동적 기능을 편리하게 추가합니다. AJAX 상호 작용을 제공합니다.
jQuery JavaScript ajax 차이점:
1. JavaScript
JavaScript의 약어는 클라이언트 측 웹 개발에 널리 사용되는 스크립트 언어로, HTML 웹에 동적 기능을 추가하는 데 자주 사용됩니다. 페이지(이로 작성된 프로그램은 HTML 또는 XML 페이지에 내장되어 브라우저에서 직접 해석되고 실행될 수 있습니다).
구성 요소:
코어(ECMAScript), 문서 개체 모델(DOM), 브라우저 개체 모델(BOM)
설명:
Javascript는 동적 웹 페이지 제작에 적합합니다. 이제 인터넷은 인터넷 웹페이지 제작에 점점 더 널리 사용되고 있습니다.
Javascript의 출현으로 웹 페이지와 사용자 간의 실시간, 동적, 대화형 관계가 가능해지면서 웹 페이지에 더욱 활동적인 요소와 더욱 흥미로운 콘텐츠가 포함되게 되었습니다.
Javascript는 짧고 간결하며 클라이언트 시스템에서 실행되므로 웹 페이지의 탐색 속도와 대화형 기능이 크게 향상됩니다. 동시에 이는 웹 페이지 제작을 위해 특별히 맞춤화된 간단한 프로그래밍 언어입니다.
2. Ajax
AJAX는 "Asynchronous JavaScript and XML"의 약어가 아니고 Jesse James Gaiiett가 만든 명사입니다. 응용 프로그램.
구성:
XHTML 및 CSS 표준 기반 표현
동적 표시 및 상호 작용을 위해 문서 개체 모델 사용
XML 및 XSLT 사용
XML 사용 HttpRequest는 서버와 비동기적으로 통신합니다.
JavaScript를 사용하여 모든 것을 바인딩합니다.
설명:
Ajax는 Java 기술, XML, JavaScript 및 기타 프로그래밍 기술의 조합으로, 이를 통해 개발자는 Java 기술을 기반으로 웹 애플리케이션을 구축할 수 있으며 페이지 다시 로드 관리가 중단됩니다.
Ajax 기술은 비동기 HTTP 요청을 사용하여 브라우저와 웹 서버 간에 데이터를 전송하므로 브라우저는 전체 웹 페이지를 다시 로드하지 않고 웹 페이지 콘텐츠의 일부만 업데이트합니다.
Ajax는 클라이언트 측 스크립트를 사용하여 웹 서버와 데이터를 교환하는 웹 애플리케이션 개발 방법입니다. 이러한 방식으로 상호 작용 프로세스를 중단하거나 다시 편집하지 않고도 웹 페이지를 동적으로 업데이트할 수 있습니다. Ajax를 사용하면 사용자는 기본 데스크톱 애플리케이션에 가까운 직접적이고 가용성이 높으며 더욱 풍부하고 동적인 웹 사용자 인터페이스를 만들 수 있습니다. HTML 문서 및 이벤트 처리, 애니메이션 효과 구현, 웹 사이트에 대한 AJAX 상호 작용 제공이 더욱 편리해졌습니다.
jQuery는 CSS와 유사한 선택기를 사용하여 HTML 요소를 쉽게 작동할 수 있으며 확장성이 뛰어나고 많은 플러그인이 있습니다. 설명:
프로그래머의 경우 javascript 및 ajax 프로그래밍을 단순화하면 프로그래머가 복잡한 JS 애플리케이션을 설계하고 작성할 필요가 없으며 구현 세부 사항보다는 기능적 요구 사항에 주의를 돌릴 수 있으므로 프로젝트 개발 속도가 향상됩니다.
사용자에게는 페이지의 시각적 효과를 향상시키고, 페이지와의 상호작용성을 강화하며, 더욱 멋진 웹 콘텐츠를 경험하게 해줍니다.
JavaScript 프레임워크는 실제로 일련의 도구와 기능입니다.
지도를 사용하여 셋의 관계를 설명하겠습니다.
JavaScript는 웹 클라이언트 개발에 사용되는 스크립트 언어이며 Ajax는 JS 언어는 JS, CSS, XML 기술을 주로 결합한 새로운 기술로 대화형 웹 애플리케이션을 만드는 데 사용되는 웹 개발 기술입니다. jQuery는 JS 언어와 Ajax 기술을 기반으로 개발된 JS 라이브러리로, JS와 Ajax의 기능을 캡슐화하고 기능적 인터페이스를 제공하여 Ajax와 JS의 작업을 크게 단순화합니다. jQuery는 프로젝트에서 많이 사용되는데요, 자세히 살펴보겠습니다.
jQuery는 JavaScript 프로그램 작성을 크게 단순화할 수 있습니다
jQuery를 사용하려면 먼저 HTML 코드 시작 부분에 다음과 같이 jQuery 라이브러리에 대한 참조를 추가해야 합니다.
<script language="javascript" src="/js/jquery.min.js"></script> //引用
라이브러리 파일은 로컬에 배치하거나 잘 알려진 회사의 CDN을 직접 사용할 수 있습니다. (CDN 로딩 jquery의 장점) 장점 이러한 대기업의 CDN은 사용자가 귀하의 웹 사이트를 방문하기 전에 다른 웹 사이트를 방문할 때 브라우저에 캐시되어 있을 가능성이 높기 때문에 열기 속도를 높일 수 있습니다. 웹사이트의. 또 다른 이점은 웹 사이트 트래픽 대역폭을 절약한다는 점입니다.
Google 제공
http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js
jQuery 공식
http://code.jquery.com/jquery - 1.6.min.js
jQuery 코드를 작성하는 구체적인 방법과 일반적인 작업을 수행할 때 기본 Javascript를 작성하는 방법의 차이점은 다음과 같습니다.
1 위치 지정 요소
JS
document.getElementById("abc ")
jQuery
$("#abc") ID별 위치 지정
$(".abc") 클래스별 위치 지정
$("div") 레이블별 위치 지정
결과가 반환된다는 점에 유의해야 합니다. by JS는 이 요소입니다. jQuery 반환된 결과는 JS 개체입니다. 다음 예에서는 abc 요소가 배치되었다고 가정합니다.内容2 요소의 콘텐츠 변경 变js
ABC.Innerhtml = "TEST"; // 현재 프로젝트는 jquery에 유용합니다.
ABC.HTML ("test")
3 숨기기 요소 표시JS
abc.style.display = "none"; abc.show();abc.toggle(); //표시와 숨기기 간 전환,
4 포커스 가져오기JS 및 jQuery 둘 다 동일합니다.
5 양식에 값을 할당합니다.
JS
abc.value = "test";
jQuery abc.val("test");
6 양식 값 가져오기
JS
alert( abc .value); jQuery alert(abc.val())7 설정 요소를 사용할 수 없습니다.
JS
abc.disabled = true; jQuery abc.attr("disabled" , true);8 요소 스타일 수정
JS
abc.style.fontSize=size;jQueryabc .css('글꼴 크기', 20);JSabc.className="test";JQuery
abc.removeClass() abc.addClass("test");9 확인란이 선택되었는지 확인
jQueryif(abc.attr( "checked") == "checked")참고: 인터넷에서는 .attr("checked") == true는 실제로 사용할 수 없습니다. 위의 내용은 테스트되었으며 작동합니다관련 무료 학습 권장 사항:
JavaScript(비디오)
위 내용은 jQuery JavaScript Ajax의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
