JavaScript / jQuery HTML 요소

jQuery vs JavaScript

jQuery는 2006년 John Resig에 의해 만들어졌습니다. 브라우저 불일치성을 처리하고 HTML DOM操作, 이벤트 처리, 애니메이션 및 Ajax를 간소화하기 위해 목표가 되었습니다.

10여 년 동안 jQuery는 세계에서 가장 인기 있는 JavaScript 라이브러리였습니다.

하지만, JavaScript Version 5(2009) 이후로 대부분의 jQuery实用程序은 몇 줄의 표준 JavaScript로 해결할 수 있습니다:

텍스트 내용 설정

HTML 요소의 내부 텍스트를 설정하기:

jQuery

myElement.text("Hello China!");

직접 시도해 보세요

JavaScript

myElement.textContent = "Hello China!";

직접 시도해 보세요

텍스트 내용 가져오기

HTML 요소의 내부 텍스트를 가져오기:

jQuery

var myText = myElement.text();

직접 시도해 보세요

JavaScript

var myText = myElement.textContent || myElement.innerText;

직접 시도해 보세요

HTML 내용 설정

요소의 HTML 내용을 설정하기:

jQuery

var myElement.html("<p>Hello World</p>");

직접 시도해 보세요

JavaScript

var myElement.innerHTML = "<p>Hello World</p>";

직접 시도해 보세요

HTML 내용 가져오기

요소의 HTML 내용을 가져오기:

jQuery

var content = myElement.html();

직접 시도해 보세요

JavaScript

var content = myElement.innerHTML;

직접 시도해 보세요