JQuery事件

ready()

sample:

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

语法:

1. $(document).ready(function)

2. $().ready(function)

3. $(function)

注意:ready() 函数不应与 <body οnlοad=""> 一起使用。

 

blur() ---当元素失去焦点时发生blur事件

Sample:

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

语法:

$(selector).blur(function)

 

focus() ---当元素获得焦点时发生focus事件

Sample:

$("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
});
语法:

$(selector).focus(function)

 

change() --当元素的值发生改变时,会发生 change 事件

Sample:

$(".field").change(function(){
  $(this).css("background-color","#FFFFCC");
});
语法:

$(selector).change(function)

注意:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。

可以用change()触发change事件.

 

click() -- 当点击元素时,会发生 click 事件

Sample:

$("button").click(function(){
  $("p").slideToggle();
});
语法:

$(selector).click(function)

注意:当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click.

 

dblclick() ---当双击元素时,会发生 dblclick 事件

Sample:

$("button").dblclick(function(){
  $("p").slideToggle();
});

语法:

$(selector).dblclick(function)

注意:如果把 dblclick 和 click 事件应用于同一元素,可能会产生问题。

 

error() ---当元素遇到错误(没有正确载入)时,发生 error 事件

Sample:

$("img").error(function(){
  $("img").replaceWith("

Missing image!

");
});
语法:

$(selector).error(function)

 

keydown() ---当按钮被按下时,发生 keydown 事件。它发生在当前获得焦点的元素上

注意:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。

         请使用 .which 属性来确定按下了哪个按键

 

keyup() ---当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上

注意:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。

         请使用 .which 属性来确定按下了哪个按键

 

keypress() ---keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。

不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件

 

load()

mousedown()

mouseup()

mouseenter()---当鼠标指针穿过元素时,会发生 mouseenter 事件

mouseleave()

mouseout()

注释:与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。

mousemove()---当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件

mouseover()---当鼠标指针位于元素上方时,会发生 mouseover 事件。该事件大多数时候会与mouseout() 事件一起使用

注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件.

 

scroll()

当用户滚动指定的元素时,会发生 scroll 事件。

scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)

 

resize()

当调整浏览器窗口的大小时,发生 resize 事件

 

select()

当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件

 

submit()

当提交表单时,会发生 submit 事件。

该事件只适用于表单元素

使用preventDefault()函数来阻止对表单的提交。

$("form").submit(function(e){
    e.preventDefault();
    alert("Submit prevented");
  });

unload()

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值