大家好,对jQuery 浅析判断网页元素是否存在感兴趣的小伙伴,下面一起跟随三零脚本的小编来看看jQuery 浅析判断网页元素是否存在的例子吧。
在传统的Javascript中,当对某个页面元素进行某种操作前,最好先判断这个元素是否存在。
原因是对一个不存在的元素进行操作是不允许的。
例如:
document.getElementById("someID").innerText("hi");
如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery,我们如何判断页面元素存在与否呢?如果参照上面的传统Javascript的写法,我们第一个想到的办法一定是:
if ($("#someID")){
$("#someID").text("hi");
}
可是这么写是不对的!因为jQuery对象永远都有返回值,所以$("someID") 总是TRUE ,IF语句没有起到任何判断作用。正确的写法应该是:
if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}
/**
* @param
* @author 三零脚本 www.q3060.com
**/
$(document).ready(function(){
var value=$('#btn_delXml').length;
if(value>0)
{
alert('Extsts');
}
else
{
alert('not Extsts');
}
})
var my_element = $("#element_Id" )
if(my_element.length>0){
alert("element is exist.");
}else{
alert("element not be found");
}