ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • jQuery - .not()
    jQuery 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>

    'jQuery' 카테고리의 다른 글

    jQuery - .parent()  (0) 2020.06.23
    jQuery - .offset()  (0) 2020.06.23
    jQuery - .load()  (0) 2020.06.23
    jQuery - jQuery.trim()  (0) 2020.06.23
    jQuery - jQuery.inArray()  (0) 2020.06.23

    댓글

Designed by Tistory.