자바스크립트/제이쿼리 HTML 요소
jQuery 대 자바스크립트
jQuery 는 John Resig가 2006년에 만들었습니다. 브라우저 비호환성을 처리하고 HTML DOM 조작, 이벤트 처리, 애니메이션 및 Ajax를 단순화하도록 설계되었습니다.
10년 이상 동안 jQuery는 세계에서 가장 인기 있는 JavaScript 라이브러리였습니다.그러나 JavaScript 버전 5 (2009) 이후에는 대부분의 jQuery 유틸리티를 몇 줄의 표준 JavaScript로 해결할 수 있습니다.
텍스트 내용 설정
HTML 요소의 내부 텍스트 설정:
제이쿼리
myElement.text("Hello Sweden!");
자바스크립트
myElement.textContent = "Hello Sweden!";
텍스트 콘텐츠 가져오기
HTML 요소의 내부 텍스트를 가져옵니다.
제이쿼리
myText = $("#02").text();
자바스크립트
myText = document.getElementById("02").textContent;
HTML 콘텐츠 설정
요소의 HTML 콘텐츠를 설정합니다.
제이쿼리
myElement.html("<p>Hello World</p>");
자바스크립트
myElement.innerHTML = "<p>Hello World</p>";
HTML 콘텐츠 가져오기
요소의 HTML 콘텐츠 가져오기:
제이쿼리
content = myElement.html();
자바스크립트
content = myElement.innerHTML;