jquery基础三 事件

事件

下面列举一下事件方法

.ready(handler)   绑定在DOM和CSS完全加载后调用的处理程序handler

.bind(type,[data],handler) 绑定在给定类型的事件type发送到元素时调用的处理程序handler

.live(type,handler)绑定当给定事件发送到元素后调用的处理程序，使用事件委托

.die(type,[handler]) 移除前面通过Live方法绑定到元素上的处理程序

.blur(handler)绑定当元素失去焦点的时候调用的处理程序

.change(handler) 绑定当元素的值发生改变时调用的处理程序

.click(handler)绑定当元素被单击时调用的处理程序

.dbclick(hander)

.error(handler) 绑定当元素收到错误事件（取决于浏览器）时调用的处理程序

.focus(handler)绑定当键盘获得焦点时调用的处理程序

.mouseout

.mouseover 绑定元素在鼠标经过时调用的处理程序

.scroll(handler)绑定当元素的滚动位置改变时调用的处理程序

.select(handler)绑定当元素中的文本被选中时调用的处理程序

.hover(enter,leave)绑定当鼠标指针进入元素时调用的enter及当鼠标指针离开元素时调用的leave处理程序

.toggle(handle1,handler2)绑定当元素被单击时调用handler1程序，当再次被单击时调用handler2，一次类推

.trigger(type,[data]) 触发元素上的事件并执行该事件的默认操作

.blur()触发blur事件

.change()触发change事件

.click()

.dbclick()

.error()

.focus()

.keydown()

.keypress()

.keyup()

.select()

.submit()

ps:   $('button#demo').click(function()

{$('img').hide()

}) 

点击id为demo的button后，隐藏图片。

这里只介绍常用的

(1)bind() 向匹配元素附加一个或多个事件处理器

$('button').bind('click',function(){

$('p').slideToggle();

});效果：点击按钮后，p标签缓慢消失

（2）blur失去焦点触发的方法

$('#blur').blur(function(){
            $('p').css('color','red');
        });效果：失去焦点时，p标签变成红色

（3）change 很明显是在选中元素发生改变时触发的方法

$('#blur').change(function(){
            $('p').hide();
        });效果是当id为blur的文本框（大多数是文本框）的值改变时，p标签消失。

（4）click dbclick focus这些很明显的就不做介绍了

（5）load 触发或将函数绑定到指定事件的load

$("img").load(function(){
  $("div").text("图片加载完成");
});
<div>图像正在加载中 ...</div>
效果是图片加载完成之后显示文字，这是我们常用到的图像正在加载中的写法

（6）toggle 绑定两个或多个事件处理器函数，点击选择元素的时候会顺序执行包含的函数

$(document).ready(function(){
  $("button").toggle(function(){
    $("body").css("background-color","green");},
    function(){
    $("body").css("background-color","red");},
    function(){
    $("body").css("background-color","yellow");}
  );
});点击按钮的时候，切换不同背景色。

（7）ready     当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。

   它允许三种写法：

语法一 $(document).ready(funciton);

语法二 $().ready(function)

语法三 $(function)

(8)submit 当表单提交时触发的方法

事件就先说到这里，首先我认为事件在jquery中虽然是基础但是比较简单的，因为事件的定义就在哪里了，事件是你要做的操作，比如单击 双击 鼠标移动 全选等等。因为我目前对jquery也不太熟，很懂东西理解的也是片面，等到弄完一定做总结。

(9) hover 鼠标悬停函数

用法很简单$(selector).hover(function(){},function(){});