Question

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

哪个按钮是使用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>

Answer 1

使用jQuery，到目前为止最快的解决方案是你的逗号分隔ids。但它不是很容易维护。我更喜欢class选择器，这是第二快的。

<强> Benchmark results.

哪个在jquery中更快？

1 个答案: