jQuery | error() Method
The error() method in jQuery is used when an element encounters an error that is the element is not loaded correctly. The error() method attaches a function to run when an error event occurs or it triggers the error event.
Syntax:
- Addition of function in error event:
$(selector).error(function)
- Triggering of error event for some selected elements:
$(selector).error()
Parameter:
- function: This parameter is optional and it specifies the function to be run when the error event occurs.
Example-1:
<!DOCTYPE html><html> <head> <title>error() method</title> <script src= </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= </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> |
Output:
Example-2:
<!DOCTYPE html><html> <head> <title>error() method</title> <script src= </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= width="284" height="113"> <h3>Image is replaced with a specified text, if error occur in loading.</h3> </center> </body> </html> |
Output:
Note: This method was removed in jQuery version 3.0.
