jQuery

jQuery - .not()

행복하게사는게꿈 2020. 6. 23. 17:10

.not()

 

 - 선택한 요소 중 특정 선택자를 제외한 요소를 선택한다.

 

문법

.not( selector )

 

예를 들어

$( 'p' ).not( 'p.abc' ).css( 'color', 'green');

은 p요소 중 abc를 클래스 값으로 가지지 않을 것을 선택한다.

예제

<!doctype html>

<html lang="ko">

  <head>
  
    <meta charset="utf-8">
    
    <title>jQuery</title>
    
    <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
    
    <script>
    
      $( document ).ready( function() {
      
        $( 'button' ).click( function() {
        
          $( 'li' ).not( 'li.ip' ).css( 'color', 'red');
          
        } );
        
      } );
      
    </script>
    
  </head>
  
  <body>
  
    <button>Click</button>
    
    <ul>
    
      <li>Lorem</li>
      
      <li class="ip">Ipsum</li>
      
      <li>Dolor</li>
      
    </ul>
    
  </body>
</html>

저작자표시 (새창열림)