[jQuery] first / last / 첫번째 index와 마지막 index 요소 선택자

seulki·2022년 9월 26일
jquery
0

[jQuery]

목록 보기
6/30
post-thumbnail

🎈 CSS, HTML

<style>
        .selected{
            background-color: tomato !important;
            color: white;
            border: 2px solid red !important;
        }
</style>
<body>
    <ul id="list">
        <li>HTML</li>
        <li>CSS</li>
        <li>javascript</li>
        <li>PHP</li>
        <li>mySql</li>
    </ul>
</body>


🎈:first

  • 첫번째 인덱스 요소에 대한 선택자
  • 첫번째 요소에 'selected' style 적용하기
   $('#list li:first').addClass('selected');


🎈:last

  • 마지막 인덱스 요소에 대한 선택자
  • 마지막 요소에 'selected' style 적용하기
  $('#list :last').addClass('selected');

profile
seulki
웹 개발자 공부 중
이전 포스트

[jQuery] even / odd / 짝수와 홀수의 인덱스 값을 가진 element 선택자

다음 포스트

[jQuery] hide(), show() / 요소를 숨기거나 표시하는 메서드

0개의 댓글