首页 > Web开发 > 详细

jquery学习随笔(基础事件)

时间:2016-01-08 22:10:32      阅读:229      评论:0      收藏:0      [点我收藏+]

在javascript中,常用的时间有click、dbclick、mousedown、mouseup、mousemove、mouseout、change、select、submit、keydown、keypress、keyup、blur、focus、load、resize、scroll、error

jquery 通过bind()方法来为元素绑定这些时间,可以传递三个参数:bind(type、[data]、fn),type表示一个或多个类型的事件名字符串:[data]是可选的,作为event.data属性传递一个额外的数据,这个数据是一个字符串、一个数字、一个数组或一个对象:fn表示绑定到指定元素的处理函数

技术分享

技术分享

技术分享

注意区分:mouseover()方法跟mouseenter()方法

mouseover是会出发字节点

技术分享以此图为例,代码如下

$(‘div‘).mouseover(function(){

      $(‘strong‘).html(function(index,value){

    return value+"1";
})

})

<div style="width=200px;height:200px;background:green;">

  <p style="width=100px;height:100px;background:red;"></p>

</div>

<strong></strong>

结果是党鼠标移入绿色区域的时候,出现1,当移入红色区域的时候也出现了1,原因就是mouseover触发子节点,因此产生了另外一种方法产生了mouseenter,不会触发子节点,mouseout也是同样的道理

技术分享

技术分享

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

当元素的值发生改变时,会发生 change 事件。

该事件仅适用于文本域(text field),以及 textarea 和 select 元素。当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。

submit标签适用于表单,但是是基于form的基础上  例如:$(‘form‘).submit(function(){alert(1)};)

技术分享

技术分享技术分享

 

技术分享

jquery学习随笔(基础事件)

原文:http://www.cnblogs.com/miaomiao8899/p/5114376.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!