如何在Jquery的一个事件中添加多个函数?

时间:2012-10-12 16:31:36

标签: jquery

我想在一个事件 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; 
  }); 
}); 

1 个答案:

答案 0 :(得分:0)

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

$("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处理多个处理程序,即您在连接另一个处理程序时不必检查是否已存在事件处理程序。

如果你在一个地方这样做,第一种方式当然会更好。如果您想从代码中的不同位置连接相同的事件,第二种方法很有用。