텍스트를 얻기 위한 jQuery의 text()/val()/html() 메서드 간 차이점

jquery에서는 val, text 및 html이 모두 값을 가져오거나 매개변수를 추가하여 값을 할당할 수 있습니다. 그렇다면 이들의 차이점은 무엇인가요? 아래 예를 들어보겠습니다.
우선 두 가지 방법이 있습니다. html 속성에 하나는 매개변수가 있고 하나는 매개변수가 없습니다
1. 매개변수 없음 html (): 첫 번째로 일치하는 요소의 html 콘텐츠를 가져옵니다. 이 기능은 XML 문서와 함께 사용할 수 없습니다. 그러나 문자열
을 반환하는 XHTML 문서에는 사용할 수 있습니다. 예:
html 페이지 코드:

Hello

jquery 코드: $( "div").html();
결과: 안녕하세요
2. 매개변수 html(val): 일치하는 각 요소의 html 콘텐츠를 설정합니다. 이 기능은 XML 문서와 함께 사용할 수 없습니다. 그러나 XHTML 문서에는 사용할 수 있습니다. jquery 객체 반환
html 페이지 코드:

jquery 코드: $("div").html("

만나서 반가워요

") ;
결과: [

만나서 반가워요

]

두 번째로, text 속성에는 매개변수와 매개변수가 없는 것
1. 매개변수가 없는 텍스트(): 일치하는 모든 요소의 내용을 가져옵니다. 결과는 일치하는 모든 요소에 포함된 텍스트 내용을 결합한 텍스트입니다. 반환되는 내용은 문자열
예입니다.
html 페이지 코드:

Hello Fine

감사합니다!

;
jquery 코드: $("p").text();
결과: HellofineThankyou!

2. 매개변수 텍스트(val): html로 설정합니다. ( )는 유사하지만 HTML을 인코딩합니다("<" 및 ">"를 해당 HTML 항목으로 대체). jquery 객체
html 페이지 코드를 반환합니다:

Test Paragraph.

jquery 코드: $("p").text("일부 새 텍스트.")
결과:[

일부 new text.

]

마지막으로 val() 속성에는 매개변수가 있는 메서드와 매개변수가 없는 메서드 두 개가 있습니다.
1. 매개변수 없는 val(): 첫 번째로 일치하는 요소의 현재 값을 가져옵니다. jQuery 1.2에서는 모든 요소의 값을 반환할 수 있습니다. 선택 포함. 다중 선택 시 선택한 값이 포함된 배열이 반환됩니다.
은 문자열, 배열을 반환합니다.
예:
html 페이지 코드:

코드 복사 코드는 다음과 같습니다. 팔로우:

싱글Single2


다중2
다중3
>
jquery 코드: $("p").append( "단일: " $("#single").val() " 다중:결과:[

단일:단일다중: < ;/b>Multiple, Multiple3

]
2. 매개변수 val(val): 일치하는 각 요소의 값을 설정합니다. jQuery 1.2에서는 요소를 확인, 선택 및 선택하고 jquery 개체

html 페이지 코드를 반환하는 값을 할당할 수도 있습니다.
: $(" input").val("hello world!")
결과: hello world!