HTML elements_jquery의 내용이나 텍스트를 가져오고 설정하기 위한 JQuery 구현 코드

먼저 시연을 살펴보겠습니다.

Script House PHP 튜토리얼에 오신 것을 환영합니다

• 스크립트 하우스 PHP 튜토리얼
• 이해하기 쉬운 JavaScript 마법
• 이해하기 쉬운 JQuery 마술

html() 메서드

이 방법은 JavaScript의 innerHTML 속성과 유사하며 특정 요소의 HTML 콘텐츠를 읽거나 설정하는 데 사용할 수 있습니다. 요소의 콘텐츠를 얻으려면 다음을 수행할 수 있습니다.

var p_html = $("p").html();	//获取p元素的HTML代码 

특정 요소의 HTML 코드를 설정해야 하는 경우 이 방법을 사용할 수도 있지만 매개변수를 전달해야 합니다. 예를 들어 p 요소의 HTML 코드를 설정하려면 다음 코드를 사용할 수 있습니다.

//设置p元素的HTML代码
$("p").html("欢迎您访问脚本之家～～"); 

참고: html() 메서드는 XHTML 문서에는 사용할 수 있지만 XML 문서에는 사용할 수 없습니다.

text() 메서드

이 메소드는 JavaScript의 innerText 속성과 유사하며 요소의 텍스트 내용을 읽거나 설정하는 데 사용할 수 있습니다. 계속해서 위의 HTML 코드를 사용하고 text() 메서드를 사용하여 p 요소에 대해 작업합니다.

var p_text = $("p").text(); //获取p元素的文本内容  

html() 메소드와 마찬가지로 요소에 대한 텍스트 내용을 설정해야 하는 경우 매개변수도 전달해야 합니다. 예를 들어 p 요소의 텍스트 내용을 설정하려면 코드는 다음과 같습니다.

// 设置p元素的文本内容
$("p").text("欢迎您访问脚本之家教程～～");  

다음 두 가지 사항에 유의하세요.

1. JavaScript의 innerText 속성은 Firefox 브라우저에서 실행될 수 없지만 jQuery의 text() 메서드는 모든 브라우저를 지원합니다.

2. text() 메소드는 HTML 문서와 XML 문서 모두에 유효합니다.