jQuery 텍스트 노드 의 text()/val()/html()방법 구별 가 져 오기

jquery 에서 val,text,html 모두 값 을 얻 거나 매개 변 수 를 추가 하여 값 을 부여 할 수 있 습 니 다.그러면 어떤 차이 가 있 습 니까?다음은 예 를 들 어 설명 하 겠 습 니 다.우선 html 속성 에는 두 가지 방법 이 있 습 니 다.하 나 는 인삼 이 있 고 하 나 는 인삼 이 없습니다.하 나 는 html():첫 번 째 일치 하 는 요소 의 html 내용 을 얻 습 니 다.이 함 수 는 XML 문서 에 사용 할 수 없습니다.그러나 XHTML 문서 에 사용 할 수 있 습 니 다.String 예 를 되 돌려 줍 니 다.html 페이지 코드:jquery 코드:$("div").html();결과:Hello 2.html(val):일치 하 는 요소 마다 html 내용 을 설정 합 니 다.이 함 수 는 XML 문서 에 사용 할 수 없습니다.XHTML 문서 에 사용 할 수 있 습 니 다.jquery 대상 html 페이지 코드 되 돌려 주기:jquery 코드:$("div").html("p>Nice to meet you

");결과:[]그 다음으로 text 속성 에는 두 가지 방법 이 있 습 니 다.하 나 는 인삼 이 있 고 하 나 는 인삼 이 없습니다.1.인삼 이 없 는 text():모든 일치 하 는 요소 의 내용 을 얻 습 니 다.결 과 는 모든 일치 하 는 요소 에 포 함 된 텍스트 내용 을 조합 한 텍스트 입 니 다.html 페이지 코드:

Hellofine

Thank you!

jquery 코드:$("p").text();결과:HellofineThank you!2.참조 text(val):html()와 유사 한 모든 요소 의 텍스트 내용 을 설정 하지만 인 코딩 HTML("<"와">"를 해당 하 는 HTML 실체 로 바 꿉 니 다).jquery 대상 html 페이지 코드 를 되 돌려 줍 니 다.

Test Paragraph.

jquery 코드:$("p").text("Somenew text.");결과:[p>Somenew text.

]마지막 으로 val()속성 에 도 두 가지 방법 이 있 습 니 다.하 나 는 인삼 이 있 고 하 나 는 인삼 이 없습니다.1.무 참 val():첫 번 째 일치 하 는 요소 의 현재 값 을 획득 합 니 다.jQuery 1.2 에서 임의의 요소 의 값 을 되 돌 릴 수 있 습 니 다.select 포함.더 선택 하면 선택 한 값 을 포함 하 는 배열 로 돌아 갑 니 다.String,array 예:html 페이지 코드:

 
<p></p><br/> 
<select id="single"> 
<option>Single</option> 
<option>Single2</option> 
</select> 
<select id="multiple" multiple="multiple"> 
<option selected="selected">Multiple</option> 
<option>Multiple2</option> 
<option selected="selected">Multiple3</option> 
</select> 

jquery 코드:$("p").append("b>Single:"+$("\#single").val()+"b>Multiple:"+$("\#multiple").val().join(",");결과:[p>Single:SingleMultiple:Multiple,Multiple 3

]2.매개 요소 의 값 을 설정 합 니 다.jQuery 1.2 에서 check,select,radio 소자 에 값 을 부여 하고 jquery 대상 html 페이지 코드 를 되 돌려 줍 니 다.jquery 코드:$("input").val("hello world!");결과:hello world!