jQuery | [attribute!=value] Selector

The [attribute!=value] selector in jquery is used to select each element that doesn’t have the specified attribute and value.
Syntax:

$("[attribute!='value']")

Parameter:

attribute: This parameter is required to specify the attribute to be searched.
value: This parameter is required to specify the value to be searched.

Example-1:

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </script> 
     
  <script> 
        $(document).ready(function() { 
            $("p[class!='intro']").css( 
              "background-color", "green"); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1>Welcome to GeeksForGeeks 
      </h1> 
  
        <p class="intro">Geeks</p> 
        <p>For</p> 
        <p>GEEKS</p> 
        <p></p> 
        Who is your favourite: 
        <ul id="choose"> 
            <li>Geeks1</li> 
            <li>Geeks2</li> 
            <li>Geeks3</li> 
        </ul> 
    </center> 
  
</body> 
  
</html> 

Output:

Example-2:

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </script> 
    <script> 
        $(document).ready(function() { 
            $("p[class='intro']").css( 
              "background-color", "green"); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1>Welcome to GeeksForGeeks 
      </h1> 
  
        <p class="intro">Geeks</p> 
        <p>For</p> 
        <p>GEEKS</p> 
        <p></p> 
        Who is your favourite: 
        <ul id="choose"> 
            <li>Geeks1</li> 
            <li>Geeks2</li> 
            <li>Geeks3</li> 
        </ul> 
    </center> 
  
</body> 
  
</html> 

Output:

jQuery | [attribute!=value] Selector

tags:

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books