Blog Content

    티스토리 뷰

    35.jQuery - Not ( 04.Traversing - 03.Not)

    반응형
    not : 지정된 선택기와 맞는 요소를 제외한 나머지 검색

    03.Not.htm

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>지정된 표현식을 제외한 집합 가져오기</title>

        <style type="text/css">

        .Yellow{ background-color:Yellow; }

        </style>

       

        <script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

        <script type="text/javascript">

            $(document).ready(function() {

                //라디오버튼을 제외한 input 태그에 배경색을 Yellow 설정

                $('input').not("input[type=radio]").each(function(){

                    $(this).addClass("Yellow").css("border", "1px solid red");

                });

            });

        </script>

    </head>

    <body>

     

        <div id="myForm">

            <input type="text" />

            <input type="password" />

            <input type="radio" />

        </div>

     

    </body>

    </html>


    결과화면

    [그림35-1]



    반응형

    Comments