trigger.click vs .prop('checked'， true）的性能优缺点

Performance pros/cons for trigger.click vs .prop('checked', true)

本文关键字：true 性能优缺点 checked vs click trigger prop 更新时间：2023-09-26

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

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

或

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

非常感谢您的见解。

你可以使用 jsperf 进行这种测试： http://jsperf.com/trigger-vs-prop

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

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

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

根据您的示例，您将切换值，除非有覆盖它的处理程序。

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

如果性能确实是一个问题，并且您只需要设置属性，请使用本机方法。

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

这将比任何jQuery解决方案快得多。但是，这可能不会是一个明显的差异。一切都取决于代码的其余部分。

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