안녕하세요. 혀코입니다.
이번 시간에는 jQuery에서 text를 사용하는 방법에 대해서 알아보겠습니다.
jQuery에서 text를 사용하면, html 태그 안의 텍스트를 변경할 수 있습니다.
우선, div 태그안에 p를 만들고 Hello World 글자를 적어놓겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery - text</title>
</head>
<body>
<div>
<p>Hello World</p>
</div>
</body>
</html>
다음으로 jQuery text를 사용해서 Hello World 글자를 바꿔 보도록 하겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery - text</title>
<script
src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
</head>
<body>
<div>
<p>Hello World</p>
</div>
<script>
$('div p').text('Text has been changed!')
</script>
</body>
</html>jQuery selector로 div의 p를 잡고, text를 써서 Hello World를 Text has been changed!로 변경했습니다.
이렇게 jQuery에서 text를 사용하는 방법에 대해서 알아봤습니다.
유용하셨다면, 공감과 구독 부탁 드립니다.
감사합니다. :)
댓글