jQuery 动态绑定事件 on.click 与 简单绑定 click ！

上周小任务笔记 —> 在input 提交按钮，提交之前做下校验，所以需要动态获取页面的提交按钮。本来使用简单的写法获取不到，嵌套的input提交按钮，使用onclick动态绑定就解决啦！

简单的click绑定事件：

  $('.submitBar>input).click(function () {
        //点击提交按钮 弹出校验码弹框
        // $('.container').show();
        //校验码操作
        $('#captcha').sliderCaptcha(
            {
                repeatIcon: 'fa fa-redo',
                setSrc: function () {
                    return ''; },
                onSuccess:function (){
                    //隐藏弹框
                    $('.container').hide();
                    this.sliderCaptcha('reset');
                    //提交表单
                    $(form).ajaxSubmit(option);
                }
            });
    })

升级版的动态绑定事件on.click：

$(document).on('click','.submitBar>input',function () {
        //点击提交按钮 弹出校验码弹框
         $('.container').show();
        //校验码操作
        $('#captcha').sliderCaptcha
            {
                Repeat: "four-redo,"
                SetSrc: function () {
                    "Return"; },
                onSuccess:function (){
                   //隐藏弹框
                    $('.container'). hide();
                    this.sliderCaptcha ('reset');
                    //提交表单   
                     $(form).ajaxSubmit(option);
                }
            });
    }

 jQuery基础语法：

 多个选择器绑定一个事件：（简单绑定事件click）

$("#satrt,#end").click(,function(){
　　　 alert("The paragraph was clicked.");
 });

  多个选择器绑定同一个事件：（动态绑定事件on.click）

$(document).on("click","#start,#end",function(){
　　　 alert("The paragraph was clicked.");
 });

 多个事件绑定同一个函数：

$("p").on("mouseover mouseout",function(){ 
　    alert("The paragraph was clicked.");
})