여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. Javascript vs jQuery – jQuery HTML
Javascript vs jQuery – jQuery HTML
2년전 작성
2년전 수정

jQuery는 John Resig에 의해 2006 년에 만들어졌다.

10년 이상 jQuery는 세계에서 가장 인기있는 자바 스크립트 라이브러리였다.

JavaScript 버전 5 (2009) 이후에는 대부분의 jQuery 유틸리티가 몇 줄의 표준 JavaScript로 해결할 수 있으므로 jQuery를 사용하는게 많이 줄어들고있다.

그래도 jQuery에 대해 간단하게 알아보자.

jQuery HTML

텍스트 콘텐츠 추가

요소에 텍스트 콘텐츠를 추가한다.

jQuery
myElement.text("Hello Sweden!");
Javascript
myElement.textContent = "Hello Sweden!";

텍스트 콘텐츠 가져오기

요소에 있는 텍스트 콘텐츠를 가져온다.

jQuery
myText = $("#02").text();
Javascript
myText = document.getElementById("02").textContent;

HTML 콘텐츠 추가

요소에 HTML 콘텐츠를 추가한다.

jQuery
myElement.html("

Hello World

");
Javascript
myElement.innerHTML = "

Hello World

";

HTML 콘텐츠 가져오기

요소에 있는 HTML 콘텐츠를 가져온다.

jQuery
content = myElement.html();
Javascript
content = myElement.innerHTML;
참고

Mingg`s Diary
밍구
공부 목적 블로그