jquery中哪个更快？答案

【问题标题】：Which is Faster in jquery?jquery中哪个更快？
【发布时间】：2016-08-01 10:41:55
【问题描述】：

在下面的示例中，有两个按钮 set1 和 set2，我在两个按钮 fn_clearset1、fn_clearset2 上添加了 onclick 属性。

使用 jquery val() 方法，哪个按钮可以更快地清除文本框的值？

     <!*emphasized text*doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>test</title>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <script>
       //forclearvalue of textboxes
        function fn_clearset1() {
            $('#txt1').val('');
            $('#txt2').val('');
            $('#txt3').val('');
            $('#txt4').val('');
            $('#txt5').val('');
            $('#txt6').val('');
            $('#txt7').val('');
            $('#txt8').val('');
            $('#txt9').val('');
            $('#txt10').val('');
        }
        function fn_clearset2() {
            $('#txt11,#txt12,#txt13,#txt14,#txt15,#txt16,#txt17,#txt18,#txt19,#txt20').val('');
        }
    </script>
</head>
<body>

    <input type="text" name="text" value="123" id="txt1" /><br />
    <input type="text" name="text" value="123" id="txt2" /><br />
    <input type="text" name="text" value="123" id="txt3" /><br />
    <input type="text" name="text" value="123" id="txt4" /><br />
    <input type="text" name="text" value="123" id="txt5" /><br />
    <input type="text" name="text" value="123" id="txt6" /><br />
    <input type="text" name="text" value="123" id="txt7" /><br />
    <input type="text" name="text" value="123" id="txt8" /><br />
    <input type="text" name="text" value="123" id="txt9" /><br />
    <input type="text" name="text" value="123" id="txt10" /><br />

    <input type="button" name="name" value="ClearSet1" onclick="fn_clearset1()" /><br />

    <input type="text" name="text" value="123" id="txt11" /><br />
    <input type="text" name="text" value="123" id="txt12" /><br />
    <input type="text" name="text" value="123" id="txt13" /><br />
    <input type="text" name="text" value="123" id="txt14" /><br />
    <input type="text" name="text" value="123" id="txt15" /><br />
    <input type="text" name="text" value="123" id="txt16" /><br />
    <input type="text" name="text" value="123" id="txt17" /><br />
    <input type="text" name="text" value="123" id="txt18" /><br />
    <input type="text" name="text" value="123" id="txt19" /><br />
    <input type="text" name="text" value="123" id="txt20" /><br />
    <input type="button" name="name" value="ClearSet2" onclick="fn_clearset2()" /><br />


</body>
</html>

【问题讨论】：

在您的测试中，哪个更快？在这里，性能真的很重要吗？
您真的需要所有这些ID吗？使用普通类怎么样？或者更好的是，将输入分组并使用reset 类型的按钮。这样，您就不需要任何 js/jq 并且肯定会更快...

标签： jquery performance jquery-ui

【解决方案1】：

使用 jQuery，迄今为止最快的解决方案是逗号分隔的ids。但它不是很可维护。我更喜欢class 选择器，它是第二快的。

Benchmark results.

【讨论】：

当你得到问题的答案时，你应该把它贴在这里，而不是仅仅说我知道了，@AnkitBhanderi。