javascript - 单击时使用 jQuery 获取 href

Question

我想知道是否有机会使用 jQuery 获取 href 链接？

例如，我有这些:

<li><a href="head.php">Head</a></li>
<li><a href="body.php">Body</a></li>
<li><a href="settings.php">Settings</a></li>

所以我用 jQuery 制作了一些动画，但我必须阻止Default();现在，单击其中任何一个 <a>标签 我得到了我喜欢的动画，仅此而已。对于索引，我能够将其重定向，因为它基本上是index.php，所以我写了以下内容:

$('a#logo').on('click', function() {
     setTimeout(function() {
          window.location.replace('index.php');
     }, 1100);
});

现在，为每个链接创建 ID 并使用 jQuery 编写 ID 实在是太麻烦了……这实在是太多了，对吗？

那么我如何告诉 jQuery...嘿，点击指定的 <a>延迟重定向 1 秒，然后从之前的位置继续(将页面重定向到指定的 href)。

我希望你们能够理解我，我真心希望这是可能的!

Answer 1

$('a').click(function(e){
  e.preventDefault();
  var href = $(this).attr('href');  
  setTimeout(function(){
    window.location.href = href;
  }, 1100);
});