HYUIT'S STORY

제이쿼리 글자색 바꾸기 - 3 (first, last, nth) 본문

STUDY/JQ

제이쿼리 글자색 바꾸기 - 3 (first, last, nth)

HYUIT 2017. 11. 29. 23:34

<html>

 

<ul>

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

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

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

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

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

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

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

</ul>

 

 

<script type="text/javascript">

$(function(){

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

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

$("li:nth-child(2)").css("color","pink");

});

</script>

 

/*

li:first - 첫번째 li 글자색 지정

li:last - 마지막 li 글자색 지정

li:nth-child(2) - 2번째 li 글자색 지정

*/

 

<결과>

 

 

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

제이쿼리 글자색 바꾸기 - 5 (lt, gt, eq)  (0) 2017.11.30
제이쿼리 글자색 바꾸기 - 4 (odd, even)  (0) 2017.11.29
제이쿼리 글자색 바꾸기 - 2  (0) 2017.11.29
제이쿼리 글자색 바꾸기 - 1  (0) 2017.11.29
제이쿼리 글자 배경색 넣기  (0) 2017.11.29
'STUDY/JQ' Related Articles more