jQuery选择器&事件---2

常用的选择器

事件

单击

$("p").click();

双击

$("p").dblclick(function(){
  $(this).hide();
});

鼠标指针穿过元素

$("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
});

鼠标指针离开元素

$("#p1").mouseleave(function(){
    alert("再见，您的鼠标离开了该段落。");
});

鼠标指针移动到元素上方，并按下鼠标按键

$("#p1").mousedown(function(){
    alert("鼠标在该段落上按下！");
});

当在元素上松开鼠标按钮时

$("#p1").mouseup(function(){
    alert("鼠标在段落上松开。");
});

光标悬停

$("#p1").hover(
    function(){
        alert("你进入了 p1!");
    },
    function(){
        alert("拜拜! 现在你离开了 p1!");
    }
);

元素获得焦点

$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});

当元素失去焦点时

$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

本文地址：https://blog.csdn.net/weixin_43755104/article/details/107383166