jquery-check-null – Extreme Web Designs https://theextremewebdesigns.com/blog Web Design and Web Development Mon, 30 Jul 2012 15:11:23 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.5 156673191 jQuery Check Null (object exists or not) Examples https://theextremewebdesigns.com/blog/jquery-check-null-check-if-objects-exists-or-not-using-jquery/ https://theextremewebdesigns.com/blog/jquery-check-null-check-if-objects-exists-or-not-using-jquery/#respond Mon, 30 Jul 2012 15:11:23 +0000 https://theextremewebdesigns.com/blog/?p=1091 If you ever wanted to check the existence of an element of a web page or the lack of it, it can be done with  just 1 line of code. In this article, I am going to share with you an easy way to check if object/element exists or not using jQuery.

Example to Check Null (object exists or not) using jQuery

Let’s consider a simple example. In this example, I am assuming that I have div with ID “my_div”. But I want to check the existence of a div with ID “test” on body load. Our expected output is that the element should not exist.

Example: Full source code to check null (object exists or not) using jQuery

<html>
<head>
<title>jQuery - Check null objects</title>
<script type="text/javascript" src="js/jquery_1.7.1_min.js"></script>
</head>

<body>

<div id="my_div"></div>
<script type="text/javascript" language="javascript" >
$(document).ready(function(){

if( $("#test").length )
{
alert('Element exists');
}
else
{
alert('Element does NOT exist');
}

});
</script>

</body>
</html>
Simple, isn’t it?

Do you know of any other ways to use jQuery to check null object? Feel free to suggest by commenting below.

]]> https://theextremewebdesigns.com/blog/jquery-check-null-check-if-objects-exists-or-not-using-jquery/feed/ 0 1091