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>