求解这个e是什么意思,我知道是事件对象

来源:2-4 jQuery鼠标事件之mouseover与mouseout事件

我要去幼儿园深造了

2016-08-08 20:42

<!DOCTYPE html>

<html>


<head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

    .left div,

    .right div {

        width: 350px;

        height: 150px;

        padding: 5px;

        margin: 5px;

        border: 1px solid #ccc;

    }

    p{

        height: 50px;

        border: 1px solid red;

        margin: 30px;

    }

    .left div {

        background: #bbffaa;

    }

    .right div {

        background: yellow;

    }

    </style>

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

</head>


<body>

    <h2>mouseover与mouseout事件</h2>


    <h4>测试一</h4>

    <button>点击:指定触发mouseover事件</button>

    <script type="text/javascript">

        $('h2').mouseover(function(e) {

            alert('触发h2元素绑定的mouseover')

        })

        $("button:eq(0)").click(function(e) {

            $('h2').mouseover() //指定触发绑定的事件

        })

    </script>

    

    

    <h4>测试二</h4>

    <div class="left">

        <div class="aaron1">

            <p>鼠标移进此区域触发mouseover事件</p>

            <a>进入元素内部,mouseover事件触发次数:</a>

        </div>

    </div>

    <script type="text/javascript">

        var n = 0;

        //绑定一个mouseover事件

        $(".aaron1 p:first").mouseover(function(e) {

            $(".aaron1 a").html('进入元素内部,mouseover事件触发次数:' + (++n))

        })

    </script>

    

    

    <h4>测试三</h4>

    <div class="right">

        <div class="aaron2">

            <p>鼠标移动:不同函数传递数据</p>

            <a>进入元素内部,mouseover事件触发次数:</a>

        </div>

    </div>

    <br/>

    <script type="text/javascript">

        var n = 0;

        //不同函数传递数据

        function data(e) {

            $(".right a").html('mouseover事件触发次数:' + (++n) + '<br/> 传入数据为 :'+ e.data)

        }


        function a() {

            $(".right p:first").mouseover('data = 慕课网', data)

        }

        a();


    </script>

</body>


</html>


写回答 关注

2回答

  • 慕粉3596880
    2016-08-09 14:51:36
    已采纳

    当然是传入函数里的数据啦

  • 慕粉3596880
    2016-08-08 20:45:26

    传递的参数

    雨宮奏 回复我要去幼儿园...

    不好意思,没注意看人家已经回答了。

    2016-08-27 17:16:47

    共 6 条回复 >

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89994 学习 · 625 问题

查看课程

相似问题