HYUIT'S STORY

제이쿼리 글자색 바꾸기 - 5 (lt, gt, eq) 본문

STUDY/JQ

제이쿼리 글자색 바꾸기 - 5 (lt, gt, eq)

HYUIT 2017. 11. 30. 16:09

<html>

  

<ul>

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

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

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

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

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

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

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

</ul>


<script type="text/javascript">

$(function(){

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

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

$("li:gt(2)").css("color","green");

});

</script>


/*lt:이전 / gt:이후 / eq:당사자*/


<결과>



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

제이쿼리 text내용 지우기  (0) 2017.11.30
제이쿼리 text내용 바꾸기  (0) 2017.11.30
제이쿼리 글자색 바꾸기 - 4 (odd, even)  (0) 2017.11.29
제이쿼리 글자색 바꾸기 - 3 (first, last, nth)  (0) 2017.11.29
제이쿼리 글자색 바꾸기 - 2  (0) 2017.11.29
'STUDY/JQ' Related Articles more