jQuery如何使用error()方法（介绍和示例） _jQuery

error()方法当元素遇到错误(该元素未正确加载)时, 使用jQuery中的。的error()方法附加一个函数, 以在发生错误事件或触发错误事件时运行。
【jQuery如何使用error()方法（介绍和示例）】语法如下：

错误事件中的功能添加：
$(selector).error(function)
触发某些选定元素的错误事件：
$(selector).error()

参数：

功能：此参数是可选的, 它指定发生错误事件时要运行的功能。

示例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 lsbin!.< / h1 > < div style = "background-color:yellow; " > < img src = "https://media.lsbin.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 >

输出如下：

文章图片
示例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 lsbin!. < / h1 > < / div > < img src = "https://media.lsbin.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 >

输出如下：