HYUIT'S STORY

제이쿼리 text내용 바꾸기 본문

STUDY/JQ

제이쿼리 text내용 바꾸기

HYUIT 2017. 11. 30. 16:28

<html>


<p>네이버입니다.</p>

<p>다음입니다.</p>

<p>구글입니다.</p>


<p>태그 안에 내용을 바꿔 보려고해요^^


<결과>



우선,

<p>태그 안에 id 설정을 해줍니다!!


text2의 내용 → 텍스트 내용이 변경되었습니다.

text4의 내용 → text3


으로 변경해 볼거예요!!


<html>


<p id="text2">네이버입니다.</p>

<p id="text3">다음입니다.</p>

<p id="text4">구글입니다.</p>


<script type="text/javascript">

$(function(){

$("p#text2").text("텍스트 내용이 변경되었습니다.");

$("p#text4").text(

$("text3").text()

);

});

</script>


<결과>



변경하는 텍스트 안에서도 <strong>을 주어

굵기 변화를 줄 수 있어요!


<html>


<p id="text5">네이버</p>

<p id="text6">다음</p>


<결과>



우선,

<p>태그 안에 id 설정을 해줍니다!!


text5의 내용 → 굵은 네이버

text6의 내용 → 굵은 다음


으로 변경하고 strong효과를 줘 볼거예요!!


<html>


<p id="text5">네이버</p>

<p id="text6">다음</p>


<script type="text/javascript">

$(function(){

$("p#text5").text("<strong>굵은 네이버</strong>");

$("p#text6").text("<strong>굵은 다음</strong>");

});

</script>


<결과>




'STUDY > JQ' 카테고리의 다른 글

스타일 효과 넣기  (0) 2017.12.01
제이쿼리 text내용 지우기  (0) 2017.11.30
제이쿼리 글자색 바꾸기 - 5 (lt, gt, eq)  (0) 2017.11.30
제이쿼리 글자색 바꾸기 - 4 (odd, even)  (0) 2017.11.29
제이쿼리 글자색 바꾸기 - 3 (first, last, nth)  (0) 2017.11.29
'STUDY/JQ' Related Articles more