jquery에서 텍스트와 html의 차이점은 무엇입니까

차이점: 1. html() 메소드가 요소를 획득하고 설정하면 html 코드가 설정됩니다. text() 메소드가 요소를 획득하고 설정하면 요소 텍스트 내용이 설정됩니다. 2. xml 사용은 다음과 같습니다. html() 메서드에서는 지원되지 않으며 text() 메서드는 html 및 xml을 지원합니다.

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 텍스트와 html의 차이점은 무엇인가요

1.html() 메서드

이 메서드는 JavaScript의 innerHTML 속성과 유사하며 특정 요소에서 HTML 콘텐츠를 읽거나 설정하는 데 사용할 수 있습니다. 효과를 더 명확하게 표시하려면

요소의 HTML 코드를 다음과 같이 변경하세요.

<p><strong>你最喜欢的男孩子是？</strong></p><p></p>

그런 다음 html() 메서드를 사용하여

요소를 가져옵니다.

var p_html = $("p").html(); //获取<p>元素中的HTML代码alert(p_html); //打印</p><p>元素的HTML代码</p>

코드를 실행한 후 효과 다이어그램은 다음과 같습니다.

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

요소의 HTML 코드를 설정하려면 다음 코드를 사용할 수 있습니다.

$("p").html("<strong>你最喜欢的男孩子是？</strong>"); //设置<p>元素的HTML代码</p>

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

2.text() 메소드

이 메소드는 JavaScript의 innerText 속성과 유사하며 요소의 텍스트 내용을 읽고 설정하는 데 사용할 수 있습니다.

위의 HTML 코드를 계속 사용하세요.

<p><strong>你最喜欢的男孩子是？</strong></p>

text() 메서드를 사용하여

요소를 가져옵니다.

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

코드를 실행한 후 렌더링은 다음과 같습니다.

텍스트 콘텐츠만 표시됩니다. html은 포함되지 않고 표시됩니다.

코드는 html() 메소드와 동일합니다. 요소에 대한 텍스트 내용을 설정해야 하는 경우 매개변수도 전달해야 합니다. 예를 들어

요소의 텍스트 콘텐츠를 설정하려면 코드는 다음과 같습니다.

$("p").text("你最喜欢的男孩子是？"); //设置<p>元素的文本内容</p>

참고: (1) JavaScript의 innerText 속성은 일부 버전의 Firefox 브라우저에서 작동하지 않지만 jQuery의 텍스트( ) 방법은 모든 브라우저를 지원합니다. ㅋㅋㅋ                (2) text() 메소드는 HTML 문서와 XML 문서 모두에 유효합니다.

요약:

1. html() 메서드가 요소를 가져오고 설정할 때 HTML 코드를 설정합니다. 2. text() 메서드가 요소를 가져오고 설정할 때 요소의 텍스트 콘텐츠를 설정합니다.

3.html() 메서드는 xml을 지원하지 않지만 text() 메서드는 html과 xml을 지원합니다
추천 관련 비디오 튜토리얼:

jQuery 비디오 튜토리얼

위 내용은 jquery에서 텍스트와 html의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!