본문 바로가기
공부/자바스크립트 jQuery

jQuery) 이벤트 연결 bind() - 클릭할때마다 글에 '+'가 붙는 에제

by Ohming 2012. 3. 11.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
jQuery를 사용해 이벤트를 연결하는 가장 기본적인 방법은 bind() 메서드를 사용하는 것이다.
 <!DOCTYPE html>
<html>
<head>
    <style>
        .reverse
        {
            background: Black;
            color: White;
        }
    </style>
    <script src="http://code.jquery.com/jquery-1.7.js"></script>
    <script>
        $(document).ready(function () {
            //이벤트를 연결합니다.
            $('h1').bind('click', function () {
                $(this).html(function (index, html) {
                    return html + '+';
                });
            });

            //이벤트를 연결합니다.
            $('h1').bind({
                mouseenter: function () { $(this).addClass('reverse'); },
                mouseleave: function () { $(this).removeClass('reverse'); }
            });
        });
    </script>
    <title>Untitled Page</title>
</head>
<body>
    <h1>Header0</h1>
    <h1>Header1</h1>
    <h1>Header2</h1>
</body>
</html>



ㅠㅠ 나도 소스코드만 따악 예쁘게 넣고 싶은데 그게 내 맘처럼 안되서 아쉽다.
역시 내 곁에는 표 뿐인가..

댓글