如何为特定类的链接设置preventDefault()？解决代码报错问题

首先得给你指出两个问题：

1. 你代码里的$("document")多了引号，应该写成$(document)；
2. 报错的核心原因是**preventDefault()不是jQuery元素对象的方法**——它是事件（Event）对象的专属方法，必须在事件处理函数里调用才行。

下面给你几种正确的实现方式，从最简洁到适配动态元素的版本：

最简洁的常规实现 #

直接用jQuery的事件绑定方法，它会自动遍历所有匹配的元素，完全不需要手动写for循环：

$(document).ready(function(){
  // 给所有带particulaClass类的a标签绑定点击事件
  $("a.particulaClass").on("click", function(event){
    // 调用事件对象的preventDefault()阻止默认跳转
    event.preventDefault();
    
    // 这里可以添加你需要的其他逻辑，比如：
    // event.stopPropagation(); // 阻止事件冒泡
  });
});

如果你偏好遍历的写法（不推荐，没必要） #

虽然上面的方式已经足够，但如果一定要用遍历的思路，可以用jQuery的.each()方法：

$(document).ready(function(){
  const linkGroup = $("a.particulaClass");
  if(linkGroup.length > 0){
    linkGroup.each(function(){
      $(this).on("click", function(event){
        event.preventDefault();
      });
    });
  }
});

适配动态添加的链接 #

如果这些带particulaClass类的链接是页面加载后通过JavaScript动态添加的（比如异步加载的内容），上面的方式就失效了，这时候要用事件委托：

$(document).ready(function(){
  // 把事件绑定到父容器（这里用document作为兜底），指定目标选择器
  $(document).on("click", "a.particulaClass", function(event){
    event.preventDefault();
  });
});

这种方式会监听父容器上的点击事件，只要点击的元素匹配a.particulaClass，就会触发处理函数，不管元素是一开始就存在还是后来新增的。

内容的提问来源于stack exchange，提问作者Pizzaboy