Javascript jquery dom资源管理器代码的优化

Javascript jquery dom资源管理器代码的优化,javascript,jquery,dom,optimization,checkbox,Javascript,Jquery,Dom,Optimization,Checkbox,请问,我该如何使它具有更好的性能 规则: 如果选择了选项[value='admin'],请选中所有复选框。如果没有,请全部取消选中。 如果选中复选框,则将其值更改为true,如果不更改为false。 如果选中了.gestionSupervision&.gestionSupervision2,请选中所有复选框并选择选项[value='admin']。 如果未选中.gestionSupervision&.gestionSupervision2,请选择选项[value='sei'] 如果选中.gest

请问,我该如何使它具有更好的性能

规则:

如果选择了选项[value='admin'],请选中所有复选框。如果没有,请全部取消选中。 如果选中复选框,则将其值更改为true,如果不更改为false。 如果选中了.gestionSupervision&.gestionSupervision2,请选中所有复选框并选择选项[value='admin']。 如果未选中.gestionSupervision&.gestionSupervision2,请选择选项[value='sei']

如果选中.gestionSupervision,则必须选中.gestionSupervision2

如果未选中.gestionSupervision,则必须选中.gestionSupervision2。 如果选中.gestionSupervision2,则必须选中.gestionSupervision。 如果选中.gestionSupervision2,则必须选中.gestionSupervision。
请注意隐藏的复选框。

首先,您可以将选择器保存在如下变量中:

var gestionSupervision2 = $(".gestionSupervision2");
因此,您可以引用它,避免每次都查询DOM

然后,还可以使用以下命令在一个选择器中设置所有属性:

gestionSupervision2.prop({
                    'checked', true,
                    ...
 });
请记住删除“禁用”属性以实际启用元素:

$('.gestionSuperVision2').removeAttr("disabled").
你最终会得到这样的结果:

    $(".gestionSupervision2").prop({'checked': true,value:'true'}).removeAttr("disabled");

jquery将在幕后为您完成其余的工作。希望这会有所帮助。

缓存您的选择器!!!使用链接!不多次查找选择器$.gestionSupervision2将有助于查找一次并存储一个reference@Bergi,你能告诉我我是怎么一个新手吗?@AlexK.,你能告诉我我是怎么一个新手吗?见第5点@是的,非常感谢你的回答!!但是,代码是否可以使用它?请您在JSFIDLE中显示结果,因为我有,但是,如果有任何成功的结果。为了确保您的代码正常工作,请尝试写入JSFIDLE,然后共享结果。因为,当我添加你提到的内容时,这是行不通的。我很感谢您的努力。啊,对不起,现在不能做,我会在几个小时内做,但我可以看到,您有一些行,您可以在同一选择器中使用不同的值设置禁用,如$.gestionSupervision2.prop'disabled',false',checked',false',disabled',true,“已检查”,错误;