欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery选择器&事件---2

程序员文章站 2022-03-10 08:32:48
文章目录常用的选择器事件**双击****鼠标指针穿过元素****鼠标指针离开元素****鼠标指针移动到元素上方,并按下鼠标按键****当在元素上松开鼠标按钮时****光标悬停****元素获得焦点**当元素失去焦点时常用的选择器事件单击$("p").click();双击$("p").dblclick(function(){ $(this).hide();});鼠标指针穿过元素$("#p1").mouseenter(function(){ alert('您的鼠标移到了 id=...

常用的选择器

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

相关标签: jquery