.Net Project/Jquery 1.3.2

07장 JQuery메서드 체인 (Method Chane)

Magic_kit 2009. 11. 5. 13:09
반응형
MethodChange.htm 실행 파일  
 
 MethodChane.htm
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

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

<head>

    <title>06장 메서드 체인 (Method Chane)</title>

   

    <style type="text/css">

        .redColor { color : Red;}

        .blueColor { color : Blue;}

   

    </style>

    //JQuery 사용하기 위해서 필수 적으로 사용해야 가능

    <script src="jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $('td:contains("RedPlus")') 
            .siblings() 
            .addClass("redColor") 
            .parent() 

            .find('td:eq(0)') 
            .addClass('blueColor'); //RedPlus : Blue 로¤I

 

        }

        );

   

    </script>

 

</head>

<body>

    <table border="5">

        <tr>

            <td>NickName</td> <td>닉네임</td> <td>비고</td>

        </tr>

       

        <tr>

            <td>RedPlus</td> <td>레드플러스</td> <td>닷넷</td>

        </tr>

       

        <tr>

            <td>Hawaso</td> <td>하와소</td> <td>강의</td>

        </tr>

    </table>

 

</body>

</html> 






반응형