The goal is to amend all the td elements of class mytable to have css property visibility:hidden. the statement $('.mytable td').css('visibility', 'hidden'); seems to have no effect, why?
$(document).ready(function () {
$('.mytable td').css('visibility', 'hidden');
});.mytable td {
border:1px solid;
visibility:inline;
}<table class="mytable">
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>Your code does work, but you forgot including jQuery on the page.
$(document).ready(function () {
$('.mytable td').css('visibility', 'hidden');
});.mytable td {
border:1px solid;
visibility:inline;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="mytable">
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>Note that there is also a hide() method which sets display:none your elements.
$('.mytable td').hide();
hide() is equivalent to .css( "display", "none" )
Nothing wrong in your code, you are missing jQuery library in your code. So add <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> for including jQuery library
`
$(document).ready(function() {
$('.mytable td').css('visibility', 'hidden');
});.mytable td {
border: 1px solid;
visibility: inline;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table class="mytable">
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>Try $('.mytable td').css('display', 'none');
You have missed to include the jQuery library:
$(document).ready(function () {
$('.mytable td').css('visibility', 'hidden');
});.mytable td {
border:1px solid;
visibility:inline;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="mytable">
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>Do this code.
$(document).ready(function () {
$('.mytable td').css('display', 'none');
});
