javascript - 从选择器中删除链接

Question

$('a').click(function(e) {
            e.preventDefault();
            newLocation = this.href;
            $('#monster').fadeOut('slow', newpage);
        });
        function newpage() {
            window.location = newLocation;
        }

我将以下代码用于页面转换的淡出效果，每当我们单击任何链接（“a”）时，我想为 1 个 ID 为“#flip”的链接删除此效果，我该怎么做？

Answer 1

您可以使用jQuery 的:not选择器。另外，我已将您的click函数切换为on事件处理程序，它比速记更灵活一些click。个人喜好那里。

jQuery

$('a:not("#flip")').on('click', function(event) {
  event.preventDefault();
  // newLocation = this.href;
  // $('#monster').fadeOut('slow', newpage);
  alert('Only link tags without the #flip id should show this');
});

var newpage = function() {
  window.location = newLocation;
}

HTML

<a href='#'>This link will work</a>
<a href='#'>This link will work</a>
<a href='#' id='flip'>This link will <b>not</b> work</a>

JS 小提琴示例