본문 바로가기

개발

jQuery html(),text(),var()의 차이

각각 무엇이 다른지 알아보자

 

html()

태그나 문자열 따질것없이 모두가져온다

<script type="text/javascript">
$( function() {
	var word = $("#name").html();
    alert(word);
});
</script>
<body>
	<div id="name">
    	<span>안녕하세요</span>
    </div>
<body>
<!-- alert내용 : <span>안녕하세요</span> -->

 

text()

태그는 안가져오고 문자열만 가져온다

<script type="text/javascript">
$( function() {
	var word = $("#name").text();
    alert(word);
});
</script>
<body>
	<div id="name">
    	<span>안녕하세요</span>
    </div>
<body>
<!-- alert내용 : 안녕하세요 -->

 

val()

input태그에 정의된 value속성의 값을 가져온다

<script type="text/javascript">
$( function() {
	var word = $("#name").val();
    alert(word);
});
</script>
<body>
	<div>
    	<input id="name" type="text" value="텍스트">
    </div>
<body>
<!-- alert내용 : 텍스트 -->