Post
Ask Question

jQuery is() method and its uses with demo.

The jQuery is() method will return a boolean value(true/false) by checking the given element or set of elements against an expression or filter. The method will return true, if the given element or at-least one element in the given set of elements is matched with the expression or filter. Otherwise, it will return false.
 
Example: 
  1. <html>  
  2. <body>  
  3.     <!-- Set of div elements with different id -->  
  4.     <div id="div1">Div1</div>  
  5.     <div id="div2">Div2</div>  
  6.     <div id="div3">Div3</div>  
  7.     <div id="div4">Div4</div>  
  8.       
  9.     <script src="https://code.jquery.com/jquery-1.9.1.js"></script>  
  10.     <script>  
  11.         $(function()  
  12.         {  
  13.             //Example with set of div elements. $('div') means the entire div in the current document.  
  14.               
  15.             //return true, because at-least one div element in the set of div elements has the id '#div1'  
  16.             alert($('div').is('#div1'));  
  17.             //return false, because none div element in the set of div elements has the id '#div5'  
  18.             alert($('div').is('#div5'));  
  19.             //return false, because none div element in the set of div elements is hidden.  
  20.             alert($('div').is(':hidden'));  
  21.               
  22.             /*Example to use the is() method with single element. Here the expression/filter checked 
  23.              with given element only.*/  
  24.               
  25.             //return true, because the given div element div1 is visible, not hidden.  
  26.             alert($('#div1').is(':visible'));  
  27.               
  28.             //now hide the div1 element, and check again.  
  29.             $('#div1').hide();  
  30.             //now it will be false, because the div1 element is hidden.  
  31.             alert($('#div1').is(':visible'));  
  32.         });  
  33.     </script>  
  34. </body>  
  35. </html>  
 
Thank you!