JQery学习(5)事件(1)

1.事件冒泡

    <script type="text/javascript">

    $(function(){

        $('#Button1').click(function () { 

          alert('BUTTON')

      })

      $('span').click(function () {

          alert('SPAN')

      })

      $('div').click(function () {

          alert('DIV')

      })

      })

    </script>

2.事件绑定

<script type="text/javascript">

        $(function () {

            $('#Button1').bind({ 'click': function () { alert('click') }, 'mouseover': function () { alert('mouseover') } })

        })

    </script>

3.事件切换

<script type="text/javascript">

        $(function () {

            $('img').hover(function () { $(this).attr('src', '风景/1.jpg') }, function () { $(this).attr('src', '风景/2.jpg') })

        })

    </script>