html(), text(), val()의 차이
jQuery에서 사용되는 html(), text(), val()의 차이점에 대해 알아보자
1. $(셀렉터).html()
- 셀렉터 하위에 있는 자식 태그들에 대해서 태그나 문자열 등에 상관하지 않고 전부 가져옴
<script>
function(){
let boardId = $("#boardId").html();
alert(boardId);
}
</script>
<body>
<div id="boardId">
<span>html 게시판 아이디</span>
</div>
</body>
결과 : <span>html 게시판 아이디</span>2. $(셀렉터).val()
- 양식(form)의 값을 가져오거나 값을 설정
- 주로 input이나 textarea와 사용
<script>
function(){
let boardId = $("#boardId").val();
alert(boardId);
}
</script>
<body>
<div>
<input type="hidden" id="boardId" name="boardId" value="val 게시판 아이디" />
</div>
</body>
결과 : val 게시판 아이디3. $(셀렉터).text()
- 셀렉터 하위에 있는 자식 태그들의 문자열만 출력
- input, textarea 이외 나머지에 사용. 등에서 사용
<script>
function(){
let boardId = $("#boardId").text();
alert(boardId);
}
</script>
<body>
<div id="boardId">
<span>text 게시판 아이디</span>
</div>
</body>
결과 : text 게시판 아이디