jQuery 判断页面元素是否存在的代码

判断页面元素是否存在是我们在使用jQuery进行前端开发时一个很常见的需求。以下是判断页面元素是否存在的完整攻略。

1. 使用length属性

使用jQuery选择器获取页面元素后，可以通过检查选择器返回的jQuery对象的length属性来判断页面元素是否存在。如果元素存在，length属性返回大于0的数字，否则返回0。

if ($('.my-element').length) {
  // 页面中存在class为my-element的元素
} else {
  // 页面中不存在class为my-element的元素
}

2. 使用each方法

使用jQuery的each方法遍历页面元素，如果选择器返回的元素长度大于0，则jQuery会执行each回调函数。否则，回调函数不会执行。

$('.my-element').each(function() {
  // 只有元素存在时，才会执行each回调函数
});

示例：

<div class="my-element"></div>
<div class="my-element"></div>

// 判断页面中是否存在class为my-element的元素
if ($('.my-element').length) {
  console.log('存在class为my-element的元素');
}

// 遍历页面中所有class为my-element的元素，并打印元素内容
$('.my-element').each(function() {
  console.log($(this).html());
});

在上面的示例中，如果页面中存在class为my-element的元素，则第一个if语句会打印"存在class为my-element的元素"，而each方法会遍历所有存在的.my-element元素，并打印它们的内容。

总之，以上两种方法都可以判断页面元素是否存在，可以根据实际情况自由选择。如果只是需要判断元素是否存在，使用length属性即可。如果需要对存在的元素进行操作，可以使用each方法。