The :empty selector in jQuery is used to select empty elements.
Syntax:
$(":empty")
Parameter: The :empty selector contains a single parameter empty which is mandatory and used to select an empty element which is an element without child elements or text.
Example 1: This example uses :empty selector to select an element position in a table.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
jQuery :empty() Selector
</ title >
< script src =
</ script >
< script >
$(document).ready(function () {
$(":empty").css("background-color", "green");
});
</ script >
</ head >
< body >
< center >
< h1 id = "geeks1" style = "color:green;" >
GeeksForGeeks
</ h1 >
< h2 id = "geeks2" >jQuery :empty() Selector</ h2 >
< table border = "1" >
< tr >
< th >Name</ th >
< th >Contact</ th >
< th >Country</ th >
</ tr >
< tr >
< td >Geeks 1</ td >
< td ></ td >
< td >India</ td >
</ tr >
< tr >
< td >Geeks 2</ td >
< td >2345</ td >
< td ></ td >
</ tr >
< tr >
< td >Geeks 3</ td >
< td >3456</ td >
< td >India</ td >
</ tr >
< tr >
< td >Geeks 4</ td >
< td >4567</ td >
< td >India</ td >
</ tr >
< tr >
< td >Geeks 5</ td >
< td >5678</ td >
< td >U.S.</ td >
</ tr >
< tr >
< td ></ td >
< td >6789</ td >
< td >Austrialia</ td >
</ tr >
< tr >
< td >Geeks 7</ td >
< td ></ td >
< td >India</ td >
</ tr >
</ table >
</ center >
</ body >
</ html >
|
Output:
Example 2: This example use : empty selector to select an empty element.
HTML
<!DOCTYPE html>
< html >
< head >
< title >jQuery :empty() Selector</ title >
< script src =
</ script >
< script >
$(document).ready(function () {
$("div:empty(.GFG)").css("background-color", "green");
});
</ script >
< style >
.GFG {
width: 200px;
height: 40px;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< div class = "GFG" ></ div >
</ body >
</ html >
|
Output:

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
06 Jul, 2023
Like Article
Save Article