jquery：.hover 或 .click 下的双重功能并不总是有效

Question

我想让 #click 消失，当用户点击 #click 时 #hint 出现。我尝试了两种格式，第一种格式有效，我想知道为什么第二种格式不起作用。

第一种格式：

$('#click').click(function(){
    $(this).fadeTo('fast', 0);
});
$('#click').click(function() {
    $('#hint').fadeTo('slow', 1);
}); 

第二种格式

$('#click').click(
        function(){
            $(this).fadeTo('fast', 0);
        },
        function() {
            $('#hint').fadeTo('slow', 1);
        }
    );

用于第一种格式的参考格式（有效）

$(document).ready(function(){
  $('div').hover(
    function(){
        $(this).addClass('active');
    },
    function(){
        $(this).removeClass('active');
    }
  );
});

Answer 1

只需简单地执行此操作，您就不需要在按钮上多次单击事件。

$('#click').click(function(){
    $(this).fadeTo('fast', 0);
    $('#hint').fadeTo('slow', 1);
}); 

Answer 2

click事件没有"双函数"版本。第一种格式只是附加两个单击事件处理程序函数。

只需在一个函数中调用您的方法：

$('#click').click(function(){
    $(this).fadeTo('fast', 0);
    $('#hint').fadeTo('slow', 1);
});

Answer 3

hover有 2 个函数，一个在你进入时，另一个在你退出元素时。 click只有一个。