-1
Im untenstehenden Beispiel gibt es zwei Tasten set1 und set2, und ich bin onclick Attribut auf beide Taste fn_clearset1, fn_clearset2 hinzufügen.Was ist schneller in jquery?
welche taste ist der wert von textbox schneller mit jquery val() methode?
<!*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>
In Ihren Tests, die schneller war? Wie wichtig ist die Leistung hier wirklich? – TZHX
Benötigen Sie wirklich alle diese IDs? Was ist mit einer gemeinsamen Klasse? Oder noch besser, gruppieren Sie Eingaben in Form und verwenden Sie den Button vom Typ 'reset'. Auf diese Weise brauchen Sie keine js/jq und sicher wäre es schneller ... –