HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.error vs throw</title>
  <style>
    body { font-family: sans-serif; padding: 16px; max-width: 460px; }
    button { margin: 4px 4px 0 0; padding: 8px 12px; cursor: pointer; border-radius: 6px; border: 1px solid #cbd5e1; background: #fff; }
    #out { margin-top: 12px; padding: 12px; background: #eff6ff; border: 1px solid #93c5fd; border-radius: 8px; white-space: pre-wrap; font-size: 13px; }
  </style>
</head>
<body>
  <button type="button" id="native">throw new Error</button>
  <button type="button" id="jq">jQuery.error</button>
  <div id="out">Click a button…</div>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    function show( label, err ) {
      $( "#out" ).text( label + "\nname: " + err.name + "\nmessage: " + err.message );
    }
    $( "#native" ).on( "click", function () {
      try {
        throw new Error( "native" );
      } catch ( err ) {
        show( "Native throw", err );
      }
    });
    $( "#jq" ).on( "click", function () {
      try {
        jQuery.error( "via jQuery.error" );
      } catch ( err ) {
        show( "jQuery.error (hookable)", err );
      }
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery.error() vs throw new Error (Try It)