有元素存在的条件测试

Question

我想用jQuery

来做这件事

if $(".video-gallery-container") exists {
$(".video-gallery-container").fadeOut(300);
} 

使用jQuery检查元素是否存在的正确方法是什么？

Answer 1

jQuery为此提供了.length属性：

if($(".video-gallery-container").length) {
    //.....
}

但是，在您的情况下，您并不需要担心：只需执行fadeOut而不进行测试，因为fadeOut只会应用于与选择器匹配的元素;如果没有匹配的元素，则不会应用fadeOut，但不会有任何错误。

Answer 2

你不需要。如果选择为空，则调用它的任何jQuery函数都将无法执行任何操作：

$(".video-gallery-container").fadeOut(300);

这就是你所需要做的一切。

Answer 3

if($(".video-gallery-container").length > 0){
  $(".video-gallery-container").fadeOut(300);
} 

Answer 4

if($(".video-gallery-container").length > 0){  
  $(".video-gallery-container").fadeOut(300); 
}

此外，您无需检查是否存在。如果元素存在，jQuery将只添加fadeOut，否则它将不会执行任何操作。不会产生任何错误。