美文网首页
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");

}

);

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

相关文章

  • 4.jQuery学习笔记第四节/jQuery的事件

    jQuery学习笔记第四节/jQuery的事件 1.jq的事件 什么是事件? 页面对不同访问者的响应叫做事件。事件...

  • jQuery事件笔记

    第一步:$("p").click(function(){ //动作触发之后执行 }); $("p").click(...

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

  • jQuery知识整理

    jQuery jQuery和DOM关系 jquery框架对象分析 加载事件 事件绑定 动画效果 jquery封装的...

  • jqurey事件

    jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML...

  • jQuery基础(三)—事件篇-----鼠标事件

    jQuery鼠标事件之click与dbclick事件jQuery鼠标事件之mouseover与mouseout事件...

  • jquery笔记002-jquery事件

    blur() 当元素失去焦点时,发生 blur 事件。 blur() 方法触发 blur 事件,或规定当发生 bl...

  • jquery笔记之事件

    默认的js代码是window.onload()jq代码是$(document).ready() js的onload...

  • jQuery动画、循环、事件

    jQuery动画 jQuery循环 元素绝对位置 鼠标移入移出 jQuery事件 自定义事件 事件冒泡 弹框-阻止冒泡

  • Jquery day_3

    1.1 Jquery 事件注册 1.2 jquery 事件处理 on(): 用于事件绑定,目前最好用的事件绑定方...

网友评论

      本文标题:jQuery事件笔记

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