javascript - 基于 id/class 的选择器与基于表单的选择器

Question

给定以下 HTML:

<fieldset>
    <legend>
        <input type="checkbox" name="amazon_activated" /> 
    </legend>
    <table>
        <tr>
            <td>
                Amazon Data
            </td>
        </tr>
    </table>
</fieldset>

下一个代码允许隐藏/显示与复选框相关的数据容器表:

$("input[name='amazon_activated']").click(function(){
    $(this).parent("legend").next("table").toggle( $(this).is(":checked") );
});

下一个代码应该在页面加载后初始化隐藏/显示状态:

if ( ! $("input[name='amazon_activated']").is(":checked")){
    $(this).parent("legend").next("table").hide();
}

好吧，它失败了。

我已经知道为什么了:this 指的是 page 元素，而不是 checkbox 元素。

<小时/>

所以我想知道:

立即选择id/class是最好的策略吗:

$("#id")

对于重要元素，以便通过jquery、基于表单的选择器进行控制？:

$("input[name='amazon_activated']")

Answer 1

缓存元素。

var element = this;

当this处于正确的上下文中时。

<小时/>

您通常会针对给定的标记编写 Javascript，而不是相反。 ID 和类除了用作选择器之外还有其他含义。