jquery - 如何在 Jquery 的一个事件中添加多个函数？

Question

我想在一个事件onclick中添加多个功能。

像这样。：

$("div").click( function() {
$("img").fadeOut();
$("font").hide();
$("table").show();
});

（从评论中复制粘贴的真实代码：）

$(document).ready(function(){ 
  $("#noti_t").click(function() { 
    $("#noti_show").toggle(); 
    $("#noti_s").hide(); 
    var wholedata="clear=1"; 
    $.ajax({ type: "POST", url: "noti_clear.php", data: wholedata, cache: false, }); 
    return false; 
  }); 
}); 

Answer 1

您可以将大量代码放在一个函数中：

$("div").click( function() {
  $("img").fadeOut();
  $("font").hide();
  $("table").show();
});

或者您可以将多个事件处理程序连接到同一个事件：

$("div").click( function() {
  $("img").fadeOut();
});

$("div").click( function() {
  $("font").hide();
});

$("div").click( function() {
  $("table").show();
});

jQuery 处理多个处理程序，即当您连接另一个处理程序时，您不必检查是否已经存在事件处理程序。

如果您在一个地方执行此操作，第一种方法当然更好。如果您想从代码的不同位置连接相同的事件，则第二种方法很有用。