jQuery html()은 일치하는 요소의 첫 번째 요소의 html 내용을 얻는 데 사용됩니다. html(`새 HTML 콘텐츠`)은 일치하는 모든 요소의 html 내용을 대체하거나 설정하는 데 사용됩니다. 예제에서 jQuery를 참조하기 위해 CDN을 사용할 것입니다. Google 의 호스팅 라이브러리에서 최신 버전의 jQuery를 찾을 수 있습니다. 대신 다운로드하려는 경우 공식 웹 사이트에서 jQuery 사본을 얻을 수 있습니다. 파일을 저장한 후에는 브라우저에서 index.html 파일을 열 수 있습니다. 모든 것이 제대로 작동하면, 당신은 출력 안녕하세요, 세계를 볼 수 있습니다!. XML 문서에서는 .html() 메서드를 사용할 수 없습니다. 6개의 단락이 있는 문서가 있는 이 예제에서는 <div 클래스="데모 컨테이너"의 HTML을

6단락에 대한 모든 새 콘텐츠입니다

. 이 짧은 예제에서는 jQuery가 간결한 방식으로 일반 JavaScript와 동일한 최종 결과를 얻을 수 있는 방법을 보여 줍니다.

jQuery 1.4에서 .html() 메서드를 사용하면 함수를 전달하여 HTML 콘텐츠를 설정할 수 있습니다. 인덱스 를 새로 고칩니다.html. 이제 단추를 클릭하여 모달의 가시성을 전환할 수 있습니다. toggle()을 페이드토글() 또는 slideToggle()으로 변경하여 몇 가지 다른 기본 제공 jQuery 효과를 볼 수 있습니다. 팝업 오버레이를 열고 닫는 예제를 만듭니다. 두 개의 아이디(하나는 오버레이를 열고 다른 하나는 오버레이를 여는 것)를 사용할 수 있지만, 대신 클래스를 사용하여 동일한 함수로 오버레이를 열고 닫습니다. 위의 jQuery 코드를 HTML 파일에 복사하여 코드가 여기에 있다고 표시합니다. 그런 다음 HTML 파일을 저장하고 브라우저에서 테스트 페이지를 다시 로드합니다. 이제 링크를 클릭하면 먼저 경고 팝업이 표시되고 http://jquery.com 탐색하는 기본 동작을 계속합니다. 이 메서드는 브라우저의 innerHTML 속성을 사용합니다. 일부 브라우저는 원본 문서의 HTML 원본을 정확하게 복제하는 HTML을 반환하지 않을 수 있습니다. 예를 들어 Internet Explorer는 참문자값에 숫자만 포함된 경우 따옴표를 떼어놓는 경우가 있습니다.

요소의 src 특성은 jQuery의 복사본을 가리붙여야 합니다. 다운로드 jQuery 페이지에서 jQuery 사본을 다운로드하고 html 파일과 동일한 디렉토리에 jquery.js 파일을 저장합니다. scripts.js 파일을 저장하고 브라우저에서 index.html을 새로 고칩니다. 이제 버튼을 클릭하면 “안녕하세요, 세계!” 텍스트가 나타납니다. 시작하려면 HTML 골격을 만들고 index.html로 저장합니다. 예를 들어 클래스 이름 “AClass”가 동일한 두 div 요소를 포함합니다. jQuery는 또한 웹 사이트를 돋보이게 하는 데 도움이 되는 몇 가지 유용한 효과를 제공합니다. 예를 들어: 준비 된 이벤트 내에서 클릭 처리기를 링크에 추가할 수 있습니다: HTML 문서에서 .html() 모든 요소의 내용을 가져옵니다. 선택기 표현식이 두 개 이상의 요소와 일치하는 경우 첫 번째 일치 항목만 HTML 콘텐츠가 반환됩니다. 이 코드를 고려하십시오: index.html 파일의 본문 내에서 현재