分类导航

javascript判断元素存在和判断元素存在于实时的dom中的方法

发布时间：2016年11月08日作者：文章转自网络，版权归原作者所有，反馈可立刻删除 (该文来自笔记，点击查看原文)

今天（周六）下午我在公司加班时不知道要干什么，就打开公司的一个wordpress项目网站，想看下之前自己做的一个网页是否有问题。

打开网站首页，我习惯性的打开了chrome的调试工具，然后鼠标开始滚动页面，然后问题就出来了：页面无法向下滚动，调试工具的console里报了好多undefined的错误。

我马上意识到是我写的js代码错误的在首页被执行导致的问题，我的代码大致是这样：

	 View Code

这段代码的想要做的就是，判断下页面是否有某个id标识的元素，如果有就做一些事情。网站首页是应该没有这个元素的，不应该执行这个代码。

好吧，如果你看到这里，你肯定能猜到我不是做前端的。我期望它返回一个布尔类型的false，但它实际上返回的是一个jQuery Object，

注意这里获得的不是dom element，如果想获得真实的dom element，可以这么写$('#a')[0]或者$('#a').get(0)。

其实$('selector')返回的永远都是一个jQuery Object，不管它找没找到元素。(关于这个返回值的问题请参考：What does jquery $ actually return? 和 How to get a DOM Element from a JQuery Selector)。

那么我该如何判断id=a的元素是否存在呢？其实可以这么做，if ($('#a').length)，如果没有#a则返回的object其实是个空对象，可以达到目的。