JQuery in JavaScript Converter?
Hey Leute,
ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?
Ich möchte halt diesen Code umwandeln:
<script>
$(document).ready(function () {
$('#call').on("input", function () {
tmpval = $(this).val();
if (tmpval == '') {
$('#key').removeClass('lglan');
}
else {
$('#key').addClass('lglan');
}
});
});
</script>
<script>
$(document).ready(function () {
$('#receive').on("input", function () {
tmpval = $(this).val();
if (tmpval == '') {
$('#key2').removeClass('lglan');
}
else {
$('#key2').addClass('lglan');
}
});
});
</script>
<script>
$(document).ready(function () {
$('#call').on("input", function () {
tmpval = $(this).val();
if (tmpval == '') {
$('#vm').removeClass(' esy ');
$('#vm').addClass(' odn ');
}
else {
$('#vm').addClass(' esy ');
$('#vm').removeClass(' odn ');
}
});
});
</script>
<script>
$(document).ready(function () {
$("#change").focusin(function () {
$("#change").addClass("dri2");
})
$("#change").focusout(function () {
$("#change").removeClass("dri2");
$("#change2").focusin(function () {
$("#change2").addClass("dri2");
})
$("#change2").focusout(function () {
$("#change2").removeClass("dri2");
})
})
});
</script>
<script>
$(document).ready(function () {
$('#call').on("input", function () {
tmpval = $(this).val();
if (tmpval == '') {
$("#vm").attr("disabled", "disabled");
$("#vm").removeAttr("enabled", "enabled");
}
else {
$('#vm').attr("enabled", "enabled");
$("#vm").removeAttr("disabled", "disabled");
}
});
});
</script>
<script>
$(document).ready(function() {
$('#receive').on("input", function() {
let currentValue = $(this).val();
if (!currentValue.length) {
$('#toggle').html('');
}
else {
$('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
}
});
$(document).on("click", "#click", function() {
let text = $(this).text();
if (text === "<?php echo $show ?>") {
$(this).text("<?php echo $hide ?>");
$("#receive").attr("type", "text");
}
else {
$(this).text("<?php echo $show ?>");
$("#receive").attr("type", "password");
}
});
});
</script>
LG
Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉
4 Antworten
Warum zum Henker nutzt du die jQuery-Bibliothek, wenn du am Ende darauf verzichten willst? Für die Zukunft ein gut gemeinter Tipp an dich: Denk vorher gründlich nach und mach dir einen Plan, was du genau willst und womit du dein Ziel sinnvoll erreichen kannst.
Converting-jQuery-to-JavaScript
LG medmonk
Ich denke, die Umwandlung musst du manuell vornehmen.
Um Zeit zu sparen, könntest du einige Ausdrücke via regulären Ausdruck (nutze Notepad++ > Search and Replace) schnell umwandeln lassen. Zum Beispiel die jQuery-Selektoren gegen document.getElementById oder on gegen addEventListener.
Nein gibt es nicht, hatte schon selber einige Stunden lang danach gesucht.
Der einzige Konverter, den es gibt, bist du selbst.
Erklär mal, was Du mit den einzelnen Skripten erreichen willst.
Alex
Wann soll die Überprüfung ob leer oder nicht leer erfolgen? Während des Schreibens? Nach dem Verlassen des Feldes? Beim Abschicken des Formulares?
Ähm die Frage wurde schon beantwortet eigentlich wünsche ich mir soetwas wie entweder den Code von mir Copy dann edit und hier dann rein pasten wie das der Supporter bei meiner neuesten JavaScript frage gemacht hat.
https://www.gutefrage.net/frage/javascript-code-probleme#answer-292926075
Beispielsweise das eine Klasse hinzugefügt wird wenn etwas in ein Feld eingegeben wird und wenn das leer ist die Klasse wieder entfernt wird.