javascript笔记

时间 2019-11-19

原文原文链接

我已经不是第一次遇到像要判断对象是否存在了，依据对象是否存在作相应的处理，好比html

var hasSomething ="0";
if(jQuery("#tid").val()){
   hasSomething="1"
}

以前一直没有记录，第二次须要这种判断的时候就拿不许这么写是否正确jquery

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    if($("#tid").val()){
    $(this).hide();
    } 
  });
});
</script>
</head>
<body>
<input type="hidden" id="tid">
<p>若是您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

上面的html代码里面进行了这种判断，语句是chrome

 if($("#tid").val()){
    $(this).hide();
 }

判断的依据是tid的值是否存在浏览器

<input type="hidden" id="tid" value="1">

若是tid有值,且不为空串时，会执行if块里面的代码，若是仅声明了id="tid" ,而没有value属性，或属性是""，是不会进入if块的ide

同理，咱们试验一下，判断id="tid" 的标签是否存在的语法是测试

    alert($("#tid"));
    if($("#tid")){
    $(this).hide();
    }

若是没有声明这个标签，alert出来的结果是[Object Object],他并非空的this

说明jQuery进行了必定的封装，想用这条语句是不行的，所以咱们改为js原生的code

    var tid=document.getElementById("tid");
    alert(tid);

    if(tid){
    $(this).hide();
    }

这样判断是可行的，若是存在tid标签会进入if块，若是不存在，不会进去if块htm

若是tid对应的标签不存在，alert(tid)是null，若是存在，则是[Object HtmlInputElement]对象

在多个浏览器上测试：

chrome：经过

FileFox：经过

IE:经过

总结

用

if(document.getElementById("tid")){
}

判断标签是否存在

使用jquery的val时

if($("#tid").val()){
    $(this).hide();
    }

既判断了标签是否存在，还判断了值，当且仅当标签存在，且有value，且value不是""时，返回true