HYUIT'S STORY

제이쿼리 글자색 바꾸기 - 4 (odd, even) 본문

STUDY/JQ

제이쿼리 글자색 바꾸기 - 4 (odd, even)

HYUIT 2017. 11. 29. 23:39

<html>

  

<ul>

<li>월요일입니다.</li>

<li>월요일입니다.</li>

<li>월요일입니다.</li>

<li>월요일입니다.</li>

<li>월요일입니다.</li>

<li>월요일입니다.</li>

<li>졸려어어어어어....</li>

</ul>

 

<script type="text/javascript">

$(function(){

$("li:odd").css("color","red");

$("li:even").css("color","blue");

});

</script>

 

/*

li:odd - 짝수 li 글자색 적용

li:even - 홀수 li 글자색 적용

*/

 

<결과>

 

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

제이쿼리 text내용 바꾸기  (0) 2017.11.30
제이쿼리 글자색 바꾸기 - 5 (lt, gt, eq)  (0) 2017.11.30
제이쿼리 글자색 바꾸기 - 3 (first, last, nth)  (0) 2017.11.29
제이쿼리 글자색 바꾸기 - 2  (0) 2017.11.29
제이쿼리 글자색 바꾸기 - 1  (0) 2017.11.29
'STUDY/JQ' Related Articles more