塞班岛贵宾会jQuery on方法绑定多个选择器以及多个事件-Web前端之家

jQuery绑定事件我们应该很熟习了。jquery在1.7本子后,建议我们用on方法代替早先的bind、live、delegate方法。那样二个要求,若是用live(卡塔尔(قطر‎方法实现的话
特别轻易,轻便精晓。

本小说来给诸位同学介绍有关jquery
on(卡塔尔方法绑定多少个选用器,多少个事件,希望些方法对各位会具备利于。

$(‘navli,#sb-navli,#helpli’).live(‘click’,function(){

on(events,[selector],[data],fn)

实际查看live源码就精晓,live实际是委托doucment进行事件委派的。依照那个思路,能够将on方法绑定到document就可以。

•events:叁个或四个用空格分隔的事件类型和可选的命名空间,如”click”或”keydown.myPlugin”

•selector:三个选项器字符串用于过滤器的触发事件的选料器成分的子孙。借使采纳器为null或简捷,当它到达选定的要素,事件三翻五次触发。
•data:当三个事变被触发时要传送event.data给事件管理函数。
•fn:该事件被触发时实行的函数。 false
值也能够做叁个函数的简写,重回false。

$.on(‘click’,’#header.fixed-feedback-bn,#sb-sec.feedback-bn’,function(){

这么三个供给,要是用live(卡塔尔国方法达成的话 相当轻松,轻巧通晓。

再有一种状态,on(State of Qatar方法绑定四个事件,能够那样写:

 代码如下

$(“table.planning_塞班岛贵宾会,grid”).on({

复制代码

mouseenter:function(){

$(‘nav li, #sb-nav li, #help li’).live(‘click’, function () {
    // code…
});

//Handlemouseenter…

jquery在1.7版本后,建议大家用on方法代替此前的bind、live、delegate方法。
那方面一句假如用on的话,怎么写啊?

mouseleave:function(){

事实上查看live源码就通晓,live实际是寄托doucment进行事件委派的。

//Handlemouseleave…

依照那个思路,能够将on方法绑定到document就可以。

click:function(){

 代码如下

//Handleclick…

复制代码

},”td”);

$(document).on(‘click’, ‘#header .fixed-feedback-bn, #sb-sec
.feedback-bn’, function () {
     // code…
 });

末段,用on(卡塔尔国方法绑定八个选拔器,多个事件则能够这么写:

再有一种情状,on(卡塔尔国方法绑定几个事件,可以如此写:

mouseenter:function(){

 代码如下

//Handlemouseenter…

复制代码

mouseleave:function(){

$(“table.planning_grid”).on({
    mouseenter: function() {
        // Handle mouseenter…
    },
    mouseleave: function() {
        // Handle mouseleave…
    },
    click: function() {
        // Handle click…
    }
}, “td”);

//Handlemouseleave…

最后,用on(State of Qatar方法绑定八个选用器,多个事件则足以这样写:

click:function(){

 代码如下

//Handleclick…

复制代码

},’#header.fixed-feedback-bn,#sb-sec.feedback-bn’);

$(document).on({
    mouseenter: function() {
        // Handle mouseenter…
    },
    mouseleave: function() {
        // Handle mouseleave…
    },
    click: function() {
        // Handle click…
    }
}, ‘#header .fixed-feedback-bn, #sb-sec .feedback-bn’);

连带文章

on(卡塔尔方法绑定四个接纳器,三个事件,希望些方法对各位会有着扶持。
on(events,[selector],[data],fn) events:一个或…

发表评论

电子邮件地址不会被公开。 必填项已用*标注