javascript - 简化 jQuery 中的变量

Question

如何简化以下代码？

它只是一个静态 ID。

<script>
    $x('input[id="id1"]').attr('checked', true);
    $x('input[id="idx4"]').attr('checked', true);
    $x('input[id="idk5"]').attr('checked', true);
</script>

Answer 1

只需使用ID 选择器。您可以通过逗号分隔来选择多个元素：

$x('#id1,#idx4,#idk5').attr('checked', true);

或者，如果您使用的是 jQuery 1.6（或更高版本），您应该使用.prop()来设置选中的属性：

$x('#id1,#idx4,#idk5').prop('checked', true);

Answer 2

jQuery 使用类似于CSS 的选择器，但有一些添加。由于[id]属性必须是唯一的，因此您无需指定元素（在本例中input）。您可以使用id选择器。

此外，您不应该设置checked属性，因为这会更改复选框将重置为的值，您应该更改checked属性：

$('#id1, #idx4, #idk5').prop('checked', true);

在 jQuery pre-1.6 中做同样的事情：

$('#id1, #idx4, #idk5').each(function () {
    this.checked = true;
});