美文网首页
jQuery事件笔记

jQuery事件笔记

作者: 五更月下琉璃 | 来源:发表于2019-01-08 14:16 被阅读0次

    第一步:$("p").click(function(){

    //动作触发之后执行

    });


    $("p").click(function(){

     $(this).hide();

    });//当点击事件在某个<p>上触发时隐藏当前的<p>元素


    $("p").dblclick(function(){

     $(this).hide();

    });//当dblclick()方法触发dblcilck事件,双击隐藏当前的<p>


    mouseenter 事件:

    $("#p1").mouseenter(function(){ 

     alert('您的鼠标移到了 id="p1" 的元素上!');

    });

     mouseleave 事件

    $("#p1").mouseleave(function(){ 

     alert("再见,您的鼠标离开了该段落。");

    });


    $("#p1").hover(

    function(){

    alert("enter id="p1");

    },

    function(){

    alert("leaveaway now");

    }

    );

    鼠标移动到元素上的时候触发第一个函数,鼠标离开触发第二个函数

    相关文章

      网友评论

          本文标题:jQuery事件笔记

          本文链接:https://www.haomeiwen.com/subject/uyyvrqtx.html