티스토리 뷰

카테고리 없음

jQuery Events(이벤트)

James Wetzel 2011. 8. 6. 16:22
<!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>jQuery Events Sample 1</title>
    <script src="../Script/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("[name=clickInput]").focus(function () {
                $("[name=resultInput]").width("300");
                $("[name=resultInput]").val("클릭하세요에 포커스가 있습니다");
            });

            $("button").mouseover(function () {
                $(this).css("border", "thin silver solid");
                $(this).css("width", "200");
                $(this).css("height", "30");
            });
        });
    </script>
</head>
<body>
    <input type="text" name="clickInput" value="클릭하세요" />
    <input type="text" name="resultInput" />
    <button>마우스를 올려보세요.</button>
</body>
</html>


Event MethodDescription
$(document).ready(function)   Binds a function to the ready event of a document
(when the document is finished loading)
$(selector).click(function) Triggers, or binds a function to the click event of selected elements
$(selector).dblclick(function) Triggers, or binds a function to the double click event of selected elements
$(selector).focus(function) Triggers, or binds a function to the focus event of selected elements
$(selector).mouseover(function) Triggers, or binds a function to the mouseover event of selected elements
 



728x90
반응형
저작자표시 비영리 동일조건 (새창열림)