Attribute equals ([foo=bar])
Description and Syntax
$('[name=theValue]')
selects all elements that have the 'name
'
attribute with a value exactly equal to theValue
.
Examples
Selector | Selects |
---|---|
$('[name=myname]') | all elements that have a name value exactly equal to myname |
$('a[rel=nofollow]') | all <a> elements that have a rel value exactly equal to nofollow |
The following code finds all inputs with name 'ab
'.
<html>
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!--from ww w . ja v a 2s. c o m-->
$("input[name='ab']").val("ab");
});
</script>
</head>
<body>
<body>
<input name="ab" />
</body>
</html>
The code above generates the following result.
Use two attribute selectors together
The following code does the matching with two attribute names.
<html>/* ww w . ja v a2s .c o m*/
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input[id][name='data']").val("data");
});
</script>
</head>
<body>
<input id="end-data" name="data" />
</body>
</html>
...
Selector syntax
ID
Tag Name
Class Name
Descendant $('E F')
Child (E > F)
General sibling (E ~ F)
Multiple expressions (E, F, G)
Universal (*)
Filtering by Relationships
Numbered child (:nth-child(n/even/odd/expr)...
First child (:first-child)
Last child (:last-child)
Only child (:only-child)
Not (:not(E))
Empty (:empty)
Attribute selectors
Attribute existence([attr])
Attribute begins with ([foo^=bar])
Attribute ends with ([foo$=bar])
Attribute contains ([foo*=bar])
Attribute contains word ([foo~=bar])
Attribute contains prefix ([foo|=bar])
Attribute exists $("[attributeName*='value'...
Form selector
Form input selector (:input)
Form text fields (input:text)
Form Password field (input:password)
Form Radio button (input:radio)
Form Checkbox (input:checkbox)
Form Submit button (input:submit)
Form Image button (input:image)
Form Reset button (input:reset)
Form button (input:button)
Form File upload (input:file)
Form Enabled form element (input:enabled)
...
Selector syntax
ID
Tag Name
Class Name
Descendant $('E F')
Child (E > F)
General sibling (E ~ F)
Multiple expressions (E, F, G)
Universal (*)
Filtering by Relationships
Numbered child (:nth-child(n/even/odd/expr)...
First child (:first-child)
Last child (:last-child)
Only child (:only-child)
Not (:not(E))
Empty (:empty)
Attribute selectors
Attribute existence([attr])
Attribute equals ([foo=bar])
Attribute not equal ([foo!=bar])Attribute begins with ([foo^=bar])
Attribute ends with ([foo$=bar])
Attribute contains ([foo*=bar])
Attribute contains word ([foo~=bar])
Attribute contains prefix ([foo|=bar])
Attribute exists $("[attributeName*='value'...
Form selector
Form input selector (:input)
Form text fields (input:text)
Form Password field (input:password)
Form Radio button (input:radio)
Form Checkbox (input:checkbox)
Form Submit button (input:submit)
Form Image button (input:image)
Form Reset button (input:reset)
Form button (input:button)
Form File upload (input:file)
Form Enabled form element (input:enabled)
...