.val() & .text()

김병화·2023년 1월 10일
0

.val

양식(form)의 값을 가져오거나 값을 설정하는 메소드

선택한 양식의 값을 가져온다.
예를 들어,

var jb = $( 'input#jbInput' ).val();

은 아이디가 jbInput인 input 요소의 값을 변수 jb에 저장한다.

.val( value )

선택한 양식의 값을 설정한다.
예를 들어,

$( 'input#jbInput' ).val( 'ABCDE' );

는 아이디가 jbInput인 input 요소의 값을 ABCDE로 정한다.


.text()

선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾼는 메소드
.html()과 비슷하지만 태그의 처리가 다르다.

선택한 요소 안의 내용을 가져옵니다. 태그는 가져오지 않는다.
예를 들어,

var jb = $( 'h1' ).text();

는 h1 요소의 내용을 변수 jb에 저장한다.

.text( textString )

이전 내용을 지우고 새로운 내용을 넣는다.
예를 들어,

$( 'div' ).html( '<h1>Lorem</h1>' );

는 div 요소의 내용을 <h1>Lorem</h1>로 바꾼다.
HTML 태그는 텍스트로 처리한다.

0개의 댓글