在前端开发中，我们经常会使用 onclick 事件来触发一些操作，比如提交表单或者跳转页面。但有时候我们需要在点击事件发生后进行一些判断，如果不符合条件就不执行默认的 onclick 操作。这时候，我们可以使用 jQuery 来实现这个功能。
为什么要使用 jQuery？
在 JavaScript 中，我们可以使用 preventDefault() 方法阻止默认行为的触发。但是，在某些情况下，我们需要同时阻止事件的冒泡或者取消它的默认操作。使用 jQuery 可以很方便地实现这些操作，并且还可以使代码更加简洁易懂。
如何使用 jQuery 防止 onclick 事件？
首先，我们需要获取到触发事件的元素，并将其绑定一个 click 事件：
----------------------------------
-- ---
---接下来，我们就可以在事件处理程序中进行判断，如果不符合条件，就使用 jQuery 提供的方法来阻止事件的默认行为。
防止表单提交
比如，我们可以在表单提交前进行一些验证操作，如果验证失败，就阻止表单的提交：
---------------------------------
----------------
-----------------------
-
---防止链接跳转
同样的，我们也可以防止链接的跳转操作：
---------------------------------------
-----------------------
---上面的代码可以防止所有 href 属性值为 "#" 的链接跳转。
防止事件冒泡
有时候，我们需要在一个元素上绑定多个事件处理程序。如果不加以控制，事件可能会被传递到父级元素并触发其事件处理程序。为了防止这种情况的发生，我们可以使用 stopPropagation() 方法：
----------------------------------
------------------------
-- ---
---
---------------------------
-- ---
---上面的代码中，当用户点击按钮时，只会触发按钮的 click 事件，而不会触发表单的 click 事件。
总结
使用 jQuery 可以很方便地实现阻止 onclick 事件的默认行为、防止事件冒泡等操作。但是，在使用时，我们需要注意选择器的准确性、事件绑定的时机以及方法的正确使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29496