Suggested Videos
Part 12 - Select values of checkbox group with jquery
Part 13 - jQuery get selected checkbox text
Part 14 - jQuery selected selector
In this video we will discuss
1. jQuery disabled selector
2. jQuery enabled selector
3. Where you can find jquery selectors documentation
Selects all disabled elements
Selects all disabled elements and sets a 3px solid red border
Selects all input elements that are disabled and sets a 3px solid red border
Selects all input elements with type=text that are disabled and sets a 3px solid red border
Selects all enabled elements
Selects all enabled textarea elements and sets a 3px solid red border
Where can you find jquery selectors documentation
https://api.jquery.com/category/selectors/
Part 12 - Select values of checkbox group with jquery
Part 13 - jQuery get selected checkbox text
Part 14 - jQuery selected selector
In this video we will discuss
1. jQuery disabled selector
2. jQuery enabled selector
3. Where you can find jquery selectors documentation
Selects all disabled elements
$(':disabled')
Selects all disabled elements and sets a 3px solid red border
<html>
<head>
<title></title>
<script src="jquery-1.11.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(':disabled').css('border', '3px solid red');
});
</script>
</head>
<body style="font-family:Arial">
<table>
<tr>
<td>First Name </td>
<td><input type="text" disabled="disabled" /></td>
</tr>
<tr>
<td>Last Name </td>
<td><input type="text" disabled="disabled" /></td>
</tr>
<tr>
<td>Email </td>
<td><input type="text" /></td>
</tr>
<tr>
<td>Gender </td>
<td>
<select id="selectGender" disabled="disabled">
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</td>
</tr>
<tr>
<td>Comments</td>
<td><textarea></textarea></td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Submit" disabled="disabled" />
</td>
</tr>
</table>
</body>
</html>
Selects all input elements that are disabled and sets a 3px solid red border
<script type="text/javascript">
$(document).ready(function () {
$('input:disabled').css('border', '3px solid red');
});
</script>
Selects all input elements with type=text that are disabled and sets a 3px solid red border
<script type="text/javascript">
$(document).ready(function () {
$('input[type="text"]:disabled').css('border', '3px solid red');
});
</script>
Selects all enabled elements
$(':enabled')
Selects all enabled textarea elements and sets a 3px solid red border
<script type="text/javascript">
$(document).ready(function () {
$('textarea:enabled').css('border', '3px solid red');
});
</script>
Where can you find jquery selectors documentation
https://api.jquery.com/category/selectors/
No comments:
Post a Comment
It would be great if you can help share these free resources