HYUIT'S STORY

스타일 효과 넣기 본문

STUDY/JQ

스타일 효과 넣기

HYUIT 2017. 12. 1. 10:33

<html>


<style type="text/css">

.text{color:red}

.text1{color:blue}

</style>


- <body>안에 스타일 효과를 지정해 줌.


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

<p class="text1">다음입니다.</p>

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


- '네이버입니다.'에 'text' 스타일효과를 지정하고, 

  '다음입니다.'에는 'text' 스타일효과를 제거하고,

  '구글입니다.'에는 'text1' 스타일효과를 줄거예요.


<script type="text/javascript">

$("p:first").addClass("text");

$("p").removeClass("text");

$("strong").addClass("text1");

</script>


<결과>





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

제이쿼리 text내용 지우기  (0) 2017.11.30
제이쿼리 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