测试二的代码除了这么写,还有没有更简单易懂的写法??

来源:2-2 jQuery鼠标事件之mousedown与mouseup事件

淡水狗

2017-06-29 15:41

    <h4>测试二</h4>

    <div class="test2">

        <p>$('button:first').mousedown(function(e) {alert(this)})</p>

    </div>

    <button>指定触发事件</button>

    <script type="text/javascript">

    $('p').mousedown(function(e) {

            alert(e.target.textContent)

        })

        //this指向button元素

    $("button:eq(1)").mousedown(function() {

        $('p').mousedown() //指定触发绑定的事件

    })

    </script>


写回答 关注

2回答

  • qq_蒙蒙细雨_0
    2017-07-18 09:05:44
    已采纳


    原代码: (就是要实现点击按钮,显示p的内容) 

    <button>指定触发事件</button>

        <script type="text/javascript">

        $('p').mousedown(function(e) {   //此时就是当你点击p 的时候,就会弹出p的内容(步骤1)

                alert(e.target.textContent)

            })

    /*   

        $("button:eq(1)").mousedown(function() {   //这一步就是通过按钮来调用步骤1

            $('p').mousedown() //指定触发绑定的事件

        })

    */

        </script>

    简单代码:

        <button>指定触发事件</button>

        <script type="text/javascript">

        var $p =$('p:eq(0)').text()

        $('button:eq(1)').mousedown(function($P) {

                alert($p)

            })


    淡水狗

    非常感谢!

    2017-07-18 09:24:54

    共 1 条回复 >

  • 杨哈哈123456
    2017-06-30 10:57:32

    <script type="text/javascript">

        $('p').mousedown(function(e) {

                alert(e.target.textContent)

            })

            //this指向button元素

        $("button:eq(1)").mousedown(function(e) {

          alert(e.target.textContent)//指定触发绑定的事件

        })

        </script>

    第一个意思是点击p标签,弹出p标签内容,

    第二个是点击第一个(eq(1))按钮(button)弹出内容

    淡水狗

    但这样点击按钮弹窗的内容是按钮的节点内容,而不是p标签里面的内容哦

    2017-06-30 11:51:48

    共 1 条回复 >

jQuery基础(三)—事件篇

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

89995 学习 · 625 问题

查看课程

相似问题