.Net Project/Jquery 1.3.2

12장 JQuery Click 이벤트 Click 메서드로 사용 (Bind)

래곤 2009. 11. 6. 14:16
반응형
 Bind.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> bind() 중 Click 이벤트는 Click 메서드 사용 </title>

    <style type="text/css">

        .redColor { color:Red;}

    </style>

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

    <script type="text/javascript">

        $(document).ready(function () {

 

            //특정 요소에 클릭 이벤트 적용 : Bind() 보다 간편  

            $('#mainMenu .redColor').click(function () {

            if (this.id == "dnk") {

                location.href = "http:www.dotnetkorea.com";

            }

            else if (this.id =="va") {

                window.open("http://www.visualAcademy.com", "", "");

            }

        });

   

    });

      

    </script>

</head>

<body>

<div id="mainMenu">

    <div id="dnk" class="redColor">닷넷 코리아 </div>

    <div id="va" class="redColor">비주얼 아카데미 </div>

    <div id="li" class="redColor">라이선스랜드 </div>

</div>

 

</body>

</html> 





반응형