html () 메소드
이 방법은 JavaScript의 InnerHTML 속성과 유사하며 요소에서 HTML 컨텐츠를 읽거나 설정하는 데 사용할 수 있습니다. 요소의 내용을 얻으려면 다음을 수행 할 수 있습니다.
var p_html = $ ( "p"). html (); // p 요소에 대한 HTML 코드를 가져옵니다
요소에 대한 HTML 코드를 설정 해야하는 경우이 메소드를 사용할 수도 있지만 매개 변수를 전달해야합니다. 예를 들어, p 요소의 HTML 코드를 설정하려면 다음 코드를 사용할 수 있습니다.
// HTML 코드 $ ( "P"). html을 설정합니다 ( "간결한 현대 마술 라이브러리에 오신 것을 환영합니다 ~~");
참고 : XHTML 문서에는 html () 메소드를 사용할 수 있지만 XML 문서에는 사용할 수 없습니다.
텍스트 () 메소드
이 방법은 JavaScript의 InnerText 속성과 유사하며 요소의 텍스트 내용을 읽거나 처분하는 데 사용할 수 있습니다. 위의 HTML 코드를 계속 사용하고 텍스트 () 메소드를 사용하여 P 요소에서 작동합니다.
var p_text = $ ( "p"). text (); // p 요소의 텍스트 내용을 가져옵니다
html () 메소드와 마찬가지로 특정 요소의 텍스트 내용을 설정 해야하는 경우 매개 변수도 전달해야합니다. 예를 들어, p 요소의 텍스트 내용을 설정하면 코드는 다음과 같습니다.
// p 요소 $ ( "p")의 텍스트 내용을 설정하십시오.
다음 두 지점에 주목해야합니다.
JavaScript의 내부 텍스트 속성은 Firefox 브라우저에서 실행할 수 없으며 JQuery의 Text () 메소드는 모든 브라우저를 지원합니다.
텍스트 () 메소드는 HTML 문서와 XML 문서 모두에 유효합니다.
친구 목록을 표시 할 때 : <p id = "p $ {friend.friendid}"> </p> 친구의 이름을 표시하는 요소를 표시하여 js 파일이 <p> </p> 요소의 ID를 동적으로 얻고 $ ( "#p"+userId) .Text (이름);