1. $('셀렉터').html()
- 셀렉터 하위에 있는 자식 태그들에 대해서 태그나 문자열 등에 상관하지 않고 전부 가져옴!!!
<body>
<div id="test">
<span>html은 다가져감돠</span>
</div>
</body>
<script>
function(){
let test = $("#test").html();
console.log(test);
}
</script>
result : <span>html은 다가져감돠</span>2. $('셀렉터').val()
- 양식(form)의 값을 가져오거나 값을 설정
- 주로 input이나 textarea와 사용
- input의 value = "value안의 값"
<body>
<div>
<input type="text" id="test" name="test" value="val은 Input태그의 value 값을 가져감둥" />
</div>
</body>
<script>
function(){
let test = $("#test").html();
console.log(test);
}
</script>
val은 Input태그의 value 값을 가져감둥3. $('셀렉터').text()
- 셀렉터 하위에 있는 자식 태그들의 문자열만 출력
- input, textarea 이외 나머지에 사용. 등에서 사용
<body>
<div id="test">
<span>text는 input,textarea 빼고 순수 텍스트만 가져옴둥</span>
</div>
</body>
<script>
function(){
let test = $("#test").html();
console.log(test);
}
</script>
text는 input,textarea 빼고 순수 텍스트만 가져옴둥
출처
https://velog.io/@hoehenflug/jQuery-html-text-val%EC%9D%98-%EC%B0%A8%EC%9D%B4
[jQuery] html(), text(), val()의 차이
jQuery에서 사용되는 html(), text(), val()의 차이점에 대해 알아보자
velog.io
'it-day' 카테고리의 다른 글
| html 요소 추가 꼼수(span) (0) | 2023.11.10 |
|---|---|
| css 우선순위 적용(!important) (0) | 2023.11.07 |
| 이클립스 들여쓰기 표시(세로줄) (0) | 2023.11.03 |
| 동적으로 태그 추가 (0) | 2023.10.31 |
| 캐싱 방지 (0) | 2023.10.31 |