Dzwebs.Net

撰写电脑技术杂文十余年

Jquery中的bind()方法的概念及使用范例

Admin | 2015-7-15 10:32:23 | 被阅次数 | 3169

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  一、定义和用法

  bind() 方法的作用是:为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

  将事件和函数绑定到元素

  规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数。

  语法

  $(selector).bind(event,data,function)

  参数说明如下:

  event  必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

  data  可选。规定传递到函数的额外数据。

  function  必需。规定当事件发生时运行的函数。

  二、使用范例

  当点击按钮1时,隐藏或显示 p 元素:此时,为button1对象绑定的是click事件。

  $("button1").bind("click",function(){
    $("p").slideToggle();
  });

  接着再看稍微复杂一点的代码事件。同样,是为button1绑定事件代码,只不过,下面的代码同时绑定了三个事件代码,分别是:click、mouseover和mouseout。

  $(document).ready(function(){
    $("button1").bind({
      click:function(){$("p").slideToggle();},
      mouseover:function(){$("body").css("background-color","red");}, 
      mouseout:function(){$("body").css("background-color","#FFFFFF");} 
    });
  });

  最后,再看一个绑定其它事件的代码,绑定的是窗体滚动的事件哦。

  $(window).bind('scrollstart', function(){
     $('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
  });
   $(window).bind('scrollstop', function(){
     $('#nav_up,#nav_down').stop().animate({'opacity':'1'});
  });


该杂文来自: 网页制作杂文

上一篇:Jquery判断滚动条是否达到顶部或底部

下一篇:jquery动态绑定对象多个事件一个或多个代码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计