jQueryはどれが高速ですか？

-1

下の例では、2つのボタンset1とset2があり、両方ともボタンfn_clearset1、fn_clearset2にonclick属性が追加されています。jQueryはどれが高速ですか？

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>

出典

2016-08-01 Ankit Bhanderi

？ここでパフォーマンスはどれくらい重要ですか？ – TZHX

これらのIDは本当に必要ですか？共通のクラスを使うのはどうですか？あるいは、フォームの入力をグループ化し、 'reset'タイプのボタンを使用することもできます。この方法では、js/jqは必要なく、確かに速くなるはずです... –