JQery学习(5)事件(1)

最新推荐文章于 2024-04-25 07:00:00 发布

gongth_12

最新推荐文章于 2024-04-25 07:00:00 发布

阅读量1.1k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/gongth_12/article/details/8838672

版权

javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

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>