在下面的例子中,有兩個按鈕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>
在你的測試,這是更快?表演真的很重要嗎? – TZHX
你真的需要所有這些ID嗎?使用普通課程怎麼樣?或者更好的是,在窗體中輸入組名並使用'reset'類型的按鈕。這樣,你不需要任何js/jq,肯定它會更快...... –