jQuery error()方法

jQuery中的error()方法是在一个元素遇到错误时使用的，也就是该元素没有被正确加载。error()方法附加了一个函数，当错误事件发生时运行，或者它触发了错误事件。

语法:

在错误事件中增加功能。

$(selector).error(function)

触发某些选定元素的错误事件。

$(selector).error()

参数:

function。这个参数是可选的，它指定了错误事件发生时要运行的函数。

示例-1:

<!DOCTYPE html>
<html>
  
<head>
    <title>error() method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
    
  <script>
         $(document).ready(function() {$ ("img").error(function() {
                $("img").replaceWith(
                  "<h3>Error occurs</h3>");
            });
        });
    </script>
</head>
  
<body>
    <center>
  
        <h1>Welcome to GeeksforGeeks!.</h1>
        <div style="background-color:yellow;">
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190220214542/a13.png">
      </div>
        <div style="background-color:green">
  
        <h3> The image will be replaced with specified
       text if the image above encounters an error.</h3>
  
        </div>
    </center>
  
</body>
  
</html>

输出:
jQuery error()方法

示例-2:

<!DOCTYPE html>
<html>
  
<head>
    <title>error() method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
    <script>
         $(document).ready(function() {$ ("img").error(function() {
              $("img").replaceWith(
               "<h3>Error </h3>");
            });
        });
    </script>
</head>
  
<body>
    <center>
        <div style="background-color:green">
            <h1>Welcome to GeeksforGeeks!.
          </h1>
        </div>
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190220220257/a22.png" 
             width="284" 
             height="113">
  
      <h3>Image is replaced with a specified 
        text, if error occur in loading.</h3>
  
    </center>
  
</body>
  
</html>

输出:
jQuery error()方法