在 jQuery中，可以使用.length属性来检查元素是否存在。如果元素存在，则length属性将返回匹配元素的总数。
判断长度
在jQuery中，你可以使用.length属性来检查元素是否存在。如果元素存在，则length属性将返回匹配元素的总数，从1开始。
列如：检查class为mb-4的元素是否存在
if($('.mb-4').length && $('.mb-4').length>0){
alert($('.mb-4').length);
}else{
alert('不存在');
}使用案例如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width"/>
<title>jQuery判断元素是否存在的常用方法_qinyi素材网-免费分享</title>
</head>
<body>
<hr class="mb-4">
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" crossorigin="anonymous"></script>
<script>
if($('.mb-4').length && $('.mb-4').length>0){
alert($('.mb-4').length);
}else{
alert('不存在');
}
</script>
</html>加载页面的时候就会检查class为mb-4的元素是否存在
传统方法
使用document.getElementById()方法可返回对拥有指定 ID 的第一个对象的引用，判断对象是否存在。
列如：获取id为post的元素
if(document.getElementById('post')){
alert(document.getElementById('post'));
}else{
alert('不存在');
}使用案例如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width"/>
<title>jQuery判断元素是否存在的常用方法_qinyi素材网-免费分享</title>
</head>
<body>
<div id="post"></div>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" crossorigin="anonymous"></script>
<script>
if(document.getElementById('post')){
alert(document.getElementById('post'));
}else{
alert('不存在');
}
</script>
</html>
