[jQuery(제이쿼리)] .not() 을 사용하여 특정 요소(선택자)를 제외하고 선택하기

.not()

.not()은 제이쿼리로 선택한 선택자(요소)들 중에서, 특정 선택자(요소)만을 제외하는 함수입니다.

자주 사용되는 함수는 아니지만 종종 필요한 경우가 있더라구요.

반응형

html

<div>
    <button>클릭해보아요</button>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li class="none">5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>
</div>

728x90

SCRIPT

$('button').click( function() {
    $('li').not('li.none').css('color', 'red');
});