2016-08-01 64 views
-1

在下面的例子中,有兩個按鈕set1和set2,我在fn_clearset1fn_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> 
+0

在你的測試,這是更快?表演真的很重要嗎? – TZHX

+0

你真的需要所有這些ID嗎?使用普通課程怎麼樣?或者更好的是,在窗體中輸入組名並使用'reset'類型的按鈕。這樣,你不需要任何js/jq,肯定它會更快...... –

回答

0

使用jQuery,迄今爲止最快的解決方案是逗號分隔ids。但它不是很好維護。我更喜歡class選擇器,這是第二快。

Benchmark results.

+0

我得到了我的解決方案... –

+0

當你得到了你的問題的答案,你應該把它發佈在這裏,而不只是說*我懂了*,@AnkitBhanderi。 – eisbehr