24-讨论

10.5.3　讨论

使用 .eq(0).trigger('change') 直接执行第一个复选框的 .change() 事件。这将设置切换开关状态，并且保护Firefox和其他在页面刷新时保留单选按钮和复选框的浏览器。

.eq(0) 用来仅仅触发第一个复选框的change事件。没有 .eq(0) ， .trigger('change') 将在每个复选框上执行，因为它们共享同一个切换开关，所以只需要运行一次。

当禁用JavaScript时会发生什么情况？应该默认用CSS隐藏切换开关复选框和标签。然后使用JavaScript为双亲元素添加一个类名，这将覆盖前一条CSS规则：

<style type="text/css" title="text/css">
 .toggle { visibility:hidden; }
 .jsEnabled .toggle { visibility:visible; }
</style>
...
//当HTML DOM就绪时
$(document).ready(function(){
　　 $('form').addClass('jsEnabled');
});