jQuery 判断页面元素或某个属性是否存在

参考文章:jQuery 判断页面元素是否存在的代码

一、判断页面元素

写在前面：在Javascript里，当我们对某个页面元素进行某种操作前，最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。

Javascript中，获取某个元素的正确的写法：

var obj = document.getElementById("someID"); 
if (obj){
  obj.innerText("hi"); 
} 

但是，在jQuery中，jQuery对象永远都有返回值，所以$("someID") 总是TRUE ，IF语句没有起到任何判断作用。正确的写法应该是：

if ( $("#someID").length > 0 ) { 
   $("#someID").text("hi"); 
} 

二、判断属性

获取一个元素的属性，如果存在某个属性会返回属性的值,如果不存在则会返回"undefined"，如图：

image.png

我在chrome下做测试，判断属性是否存在可用

var attr = $(this).attr('name');
if ( attr == undefined) { 
    alert(111);
}

但是有网友说这样更好一些：

var attr = $(this).attr('name');
// For some browsers, `attr` is undefined; for others, `attr` is false. Check for both.
if (typeof attr !== typeof undefined && attr !== false) {
  // Element has this attribute
}

为了适配更多的应用场景，大家可用第二种方法，否则第一种即可。