trigger.click vs .prop的性能优缺点('已检查',true)

时间:2014-03-29 19:11:13

标签: javascript jquery select triggers click

我有一个简单的重置按钮,需要检查一个单选按钮。想知道哪种方法最好:

$("#styleWidthWide").trigger('click');

$("#styleWidthWide").prop('checked', true);

非常感谢您的见解。

2 个答案:

答案 0 :(得分:1)

您可以使用jsperf进行此类测试:http://jsperf.com/trigger-vs-prop

在我的浏览器(Firefox 28)上,trigger()版本比prop()版本慢95%

答案 1 :(得分:0)

它们完全不同,因此性能问题没有实际意义。

.trigger()将模拟对元素的单击,并调用其上的任何jQuery处理程序或其任何祖先(除非传播已停止)

根据你的例子,除非有一个覆盖它的处理程序,否则你要切换它。


.prop()只是设置属性。在您的示例中,您将值设置为true而不是切换。


如果性能确实是一个问题,您需要的只是设置属性,然后使用本机方法。

document.getElementById("styleWidthWide").checked = true;

这比jQuery解决方案要快得多。然而,它可能不会是一个明显的差异。全部取决于代码的其余部分。

http://jsperf.com/trigger-vs-prop/2