一个按钮触发两个事件

点击一个按钮 分别触发两个事件

<button type="button">点击</button>

点击第一次的时候
 $("button").click(function(){
  $("p").css({"background-color":"red","font-size":"200%"});
  });

在点击第二次的时候
 $("button").click(function(){
  $("p").css({"display":"none"});
  });

解决方案：

1111，如果只执行 一次某个函数，就可以用下面的方法，但是第二次就不知道怎么做了，因为你在下面写的click可能会覆盖第I一次的那个

第一次点击触发事件可以用one，把上面的第一个click改成one就可以啦.

2222，

如果两个事件不一样，第一次是点击，第二个是鼠标进入。则可以采用下面的方法：

$('button').bind({
  click: function() {
    // do something on click
  },
  mouseenter: function() {
    // do something on mouseenter
  }
});


3333，
利用js来写（这个有个毛病就是A的效果几乎看不到，直接就执行b了。所以不是最佳的）

<button type="button" οnclick="A()  B()">点击</button>

function A(){....}

function B(){....}

4444，

这个可能是最妥善的方法啦，定一个变量，当他为1时执行一个函数。不为1就执行另一个函数

var flag=1;

$("button").click(function() {
        if(flag==1){
            $(".mui-btn").css({"background-color":"red","font-size":"200%"});
            flag++;
        }
      else{
          alert(2);

    }

55555，

点击一次触发两个事件

在他的父类上定义一个事件，它上面定一个事件，点击时会先触发他自己的事件再去执行父类的事件。利用了冒泡事件来写

<p οnclick="A()">
          <button id="button1"  class="mui-btn mui-btn-block" style="position:absolute;bottom:20%;" οnclick="B()">dddddd</button>

 function A(){alert(1);}
 function B(){alert(2);}