jquery如何判断指定的html元素是否存在

使用jquery插件来判断一个html元素是否存在，是非常简单的。下面就提供两种方法，一种是通过判断html元素的数量来判断html元素是否存在，一种是判断指定元素内是否有内容来判断元素是否存在。

jquery判断指定HTML元素是否存在

方法1：

js通过获取指定元素的数量来判断元素是否存在。

<div id="m1">73so.com</div>
<div class="m1">73so.com</div>
<script>
if($('#m1').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 存在
if($('#m2').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 不存在
if($('.m1').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 存在
if($('.m2').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 不存在
</script>

方法2：

js通过判断指定元素内是否有内容，来判断元素是否存在。

<div id="m1">73so.com</div>
<div class="m1"></div>
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script>
if($('#m1').html() != ''){
    console.log('存在');
}else{
    console.log('不存在');
}
if($('.m1').html() != ''){
    console.log('存在');
}else{
    console.log('不存在');
}
</script>

注意：方法2中的判断不是严格的判断，个人慎用！