Home > Developer > JavaScript
[Attribute * = value] selector usage instance in jQuery, jqueryattribute
This document describes the usage of the [attribute * = value] selector in jQuery. Share it with you for your reference. The specific analysis is as follows:
This selector can match elements with certain values in a given property.
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 * = 'ir']" ).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 with "ir" in the id property 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 * = [ir]" ).css ("color", "blue ");
})
})
</Script>
</Head>
<Body>
<Ul>
<Li id = "f [irst"> html zone </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>
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
