jquery判断html存在,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

}

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