$ ("Form "). attr ("check"); $ ("form "). prop ("check"); both of them are acceptable, but the new version of jquery recommends the second one. Both of them are similar in other aspects. The only difference I found is that in checkbox, you need to use prop, otherwise IE browser will be incompatible
Copy codeThe Code is as follows: <Head runat = "server">Appendix: The jquery attr () method uses the attr () method to obtain and set element attributes. attr is the abbreviation of attribute, attr () is often used in jQuery DOM operations. attr () has four expressions.
1.Attr (Attribute name)// Obtain the attribute value (obtain the attribute value of the First Matching Element. This method can be used to conveniently obtain the value of an attribute from the First Matching Element. Undefined is returned if the element does not have an attribute)
2.Attr (Attribute name, attribute value)// Set the attribute value (set an attribute value for all matching elements .)
3.Attr (Attribute name,Function value)// Set the function value of the attribute (set a calculated attribute value for all matching elements. Instead of providing a value, a function is provided, and the value calculated by this function is used as the attribute value .)
4.Attr (properties) // Set multiple attribute values for the specified element, that is, {attribute name 1: "attribute value 1", attribute name 2: "attribute value 2 ",... ... }. (This is the best way to set multiple attributes in batches among all matching elements. Note: To set the class attribute of an object, you must use 'classname' as the attribute name. Or you can directly use 'class' or 'id '.)
Sample Code:
# Lili {font-weight: bold; color: red ;}
</Style>
</Head>
<Body>
<P title = "your favorite fruit is. "> What is your favorite fruit? </P>
<Ul>
<Li title = "apple juice"> Apple </li>
<Li title = "orange juice" alt = "123"> oranges </li>
<Li title = "pineapple juice"> pineapple </li>
</Ul>
<Script>
...
</Script>
</Body>
<Html>
1. attr (name) // obtain the attribute value
1.1 Use attr (name) to obtain the title value:
Copy codeThe Code is as follows: <script>Result:
1.2 use attr (name) to obtain the alt value:
Copy codeThe Code is as follows: <script>Result:
2. attr (name, value) // set the attribute value
2.1 use attr (name, value) to modify the title value to: Do not eat orangesCopy codeThe Code is as follows: <script>
$ ("Ul li: eq (1)"). attr ("title", "do not eat oranges ");
Alert ($ ("ul li: eq (1)"). attr ("title "));
</Script>
Result:
3. attr (name, fn) // set the function value of the attribute
3.1 set the value of the alt attribute to the value of the title attribute.Copy codeThe Code is as follows: <script>
$ ("Ul li: eq (1)"). attr ("title", function () {return this. alt });
Alert ($ ("ul li: eq (1)"). attr ("title "));
</Script>
Result:
4. attr (properties) // set an object in the form of "name/value" to attributes of all matching elements
4.1 obtain the <ul> 2nd <li> set title and alt attributes.Copy codeThe Code is as follows: <script>
$ ("Ul li: eq (1)"). attr ({title: "Do not drink orange juice", alt: "Not 123 "});
Alert ($ ("ul li: eq (1)"). attr ("title "));
Alert ($ ("ul li: eq (1)"). attr ("alt "));
</Script>
Result:
4.2 obtain <ul> 2nd <li> set classes.Copy codeThe Code is as follows: <script>
$ ("Ul li: eq (1)"). attr ({className: "lili "});
</Script>
Result:
4.3 obtain the <ul> 2nd <li> setting IDs.Copy codeThe Code is as follows: <script>
$ ("Ul li: eq (1)"). attr ({id: "lili "});
</Script>
Result:
4.4 obtain <ul> 2nd <li> set styles.Copy codeThe Code is as follows: <script>
$ ("Ul li: eq (1)"). attr ({style: "color: red "});
</Script>
Result:
Adding alt to li is incorrect. It can only be used in img, area, and input elements (including applet elements ). For the input element, the alt attribute is intended to replace the image of the submit button. In order to describe the attr () method in detail, there is no proper attribute. alt is used for all examples. It is only for reference in attr () method usage.
This section describes the differences between alt and tite.
Alt: the text used to describe the image. When the image cannot be displayed, the text is displayed instead of the image. This text is displayed when you move the cursor over the image.
Title: The text displayed after the mouse is placed.
How can I delete attributes?
The keyword for deleting attributes in jquery is removeAttr. Note that A is in upper case and how to use it:
The same is the html code in usage 1. If I want to delete the title attribute of li, this is the case:
Copy codeThe Code is as follows: <script>In this simple way, attr is actually a simplified implementation of getAttribute in native js, while removeAttr is short for removeAttribute.
Is there any property similar to attr?
In jquery, val () is similar,
$ (This). val (); get the value of an element node, equivalent to $ (this). attr ("value ");
$ (This). val (value); sets the value of an element node, equivalent to $ (this). attr ("value", value );
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
