Home > Developer > JavaScript
[Attribute! = Value] selector usage instance, jqueryattribute
This article describes [attribute! = Value] selector usage. Share it with you for your reference. The specific analysis is as follows:
This selector matches all elements that do not contain the specified attribute or that do not match the specified value.
This selector is equivalent to: not [([attr = value]).
To match an element that contains a specific attribute but is not equal to a specific value, use [attr]: not ([attr = value]).
Syntax structure:
Copy codeThe Code is as follows: $ ("[attribute! = Value] ")
Parameter List:
| Parameters | Description |
| Attribute | Define the attributes to be searched. |
| Value | Define the value to be searched. Quotation marks are optional in most cases. However, it is used to avoid conflicts when an attribute value contains. |
Instance code:
Instance 1:
Copy codeThe Code is as follows:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta name = "author" content = "http://www.bkjia.com/"/>
<Title> helping customers </title>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("Button"). click (function (){
$ ("Li [id! = 'Second'] ").css (" color "," blue ");
})
})
</Script>
</Head>
<Body>
<Ul>
<Li id = "first"> html area </li>
<Li id = "second"> Jquery area </li>
</Ul>
<Ul>
<Li id = "third"> welcome to the customer's house </li>
<Li> welcome to the customer's home </li>
</Ul>
<Button> click to view results </button>
</Body>
</Html>
The above Code sets the text color in the li element whose id attribute value is not equal to second or does not have the id attribute value to blue.
Example 2:
Copy codeThe Code is as follows:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta name = "author" content = "http://www.bkjia.com/"/>
<Title> helping customers </title>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("Button"). click (function (){
$ ("Li [id! = Sec [ond] ").css (" color "," blue ");
});
});
</Script>
</Head>
<Body>
<Ul>
<Li id = "first"> html area </li>
<Li id = "sec [ond"> Jquery zone </li>
</Ul>
<Ul>
<Li id = "third"> welcome to the customer's house </li>
<Li> welcome to the customer's home </li>
</Ul>
<Button> click to view results </button>
</Body>
</Html>
From the code above, we can see that when the Code contains "[" or "]", it must be enclosed in quotation marks. Otherwise, a matching error may occur.
I hope this article will help you with jQuery programming.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
