六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

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

Admin | 2015-7-15 10:32:23 | ReadNums | 1542 | 标签 网页制作 | 打印本页
     

  一、定义和用法

  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'});
  });


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日