jquery on 多个事件绑定-jQuery绑定多个监听风暴并获取改变风暴的元素

html页面

    
    
    
    
    
        // 等待页面加载结束
        $(document).ready(function(){
           //此处写jquery
        });
    


    
        姓名：

        年龄：
            18
            19
            20
            21
        
        

        
    

1.集中式绑定暴风（点击暴风）

1.点击风暴绑定

$("#sub_click").click(function(){
    var name = $("#name_input").val();
    alert(name);
});

2.使用bin()函数绑定click

 $("#sub_click").bind("click",function(){
     var name = $("#name_input").val();
     alert(name);
 });

3.使用on()函数绑定点击

 $("#sub_click").on("click",function(){
     var name = $("#name_input").val();
     alert(name);
 });

2. 绑定窃听改变几种形式的动乱

1.更改风暴绑定

$("#age_sel").change(function(){
    var age = $("#age_sel").val();
    alert(age);
});

2.使用bind()函数绑定click()

$("#age_sel").bind("change",function(){
    var age = $("#age_sel").val();
    alert(age);
});

3.使用on()函数绑定点击

$("#age_sel").on("change",function(){
    var age = $("#age_sel").val();
    alert(age);
});

3、多重风暴绑定多个元素

多种元素绑定多重风暴

//这里的元素与事件是一一对应的，元素a与click事件对应，元素b与change事件对应
//元素a不能触发change事件，同理元素b不能触发click事件
$("#a,#b").on("click,change",function(){
    //事件操作
});

4、绑定多个元素，获得改变风暴的元素

$("#a,#b").on("change",function(obj){
    // 获取当前改变事件的元素
    var node = $(obj.target);
    //事件操作
});

笔记：

绑定()的用法

$("a").bind("click",[data],function(){})

风暴的活页夹是固定的，是a。 第一个参数是stormjquery on 多个事件绑定，第二个可选参数是要传递给回调函数的event.data参数，第三个参数是回调函数。

on() 的用法

$("body").on("click",'a',[data],function(){})

与bind()相比，除了Fengbo的binder（在Fengbo上是body）之外jquery on 多个事件绑定，在on参数中还添加了一个选择器a，Fengbo会作用在这个a的前面。

区别：

正是因为on()函数的参数中多了一个选项a，所以我们也可以将storms绑定到动态生成的元素上，而这是bind()函数做不到的。