查找这些JQuery代码行的Javascript

我目前正在学习HTML5+javascript，其中一个例子是用JQuery编写的。我意识到JQuery对某些人来说会更简单，但由于我刚刚开始接触Javascript，而不是JQuery，我正在寻找一些代码行从一行翻译到另一行

我知道这些代码行的作用，我只是在JavaScript中寻找它

var showForm = function() {
if(editMode) {
    var transaction = transactions[editMode];
    amountField.value = transaction.amount;
    if(transaction.type) $('[value='+transaction.type+']').attr('checked',       'true');
    if(transaction.cleared) $('#cleared').attr('checked', 'true');
    noteField.value = transaction.note;
    dateField.value = transaction.date;
    $('#time').val(transaction.time);
    postcodeField.value = transaction.postcode;
    searchField.value = ''
} else {
     clearUI();
}

$('#formDiv').show();
$('#toolbar').hide();
$('#tableDiv').hide();
$('#map_div').hide();
$('#sum').hide();

---

用相应的ID替换通过ID选择元素的行

$('#cleared') --->  document.getElementById('cleared')

您还可以使用

querySelector

metod直接访问元素

var cleared = document.querySelector('#cleared');

要

显示

或

隐藏

元素，需要设置

样式。显示

属性

// To hide
cleared .style.display = "";
// To show
cleared .style.display = "block";

基于属性获取元素需要一点javascript

$('[value='+transaction.type+']')

---

在这里，您需要迭代每个元素并获取该元素的属性，然后与值进行比较。

FWIW，我首先学习了jQuery，现在正在填补我javascript知识的空白。这对我来说效果很好，因为我现在已经用一些高级脚本编写了几个站点。另外，请更具体地说明您希望在本机javascript中使用哪一行，以及您尝试了什么/失败了什么。atI正在寻找第5、6、9和15-19行。