javascript - 使用 jQuery 设置 css 属性

Question

目标是修改 mytable 类的所有 td 元素，使其具有 css 属性 visibility:hidden。声明 $('.mytable td').css('visibility', 'hidden'); 似乎没有效果，为什么？

$(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>

Answer 1

您的代码确实有效，但您忘记在页面上包含 jQuery。

$(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>

---

请注意，还有一个 hide() 方法可以设置 display:none 您的元素。

$('.mytable td').hide();