尋找這些JQuery代碼行的Javascript

-1

我目前正在學習HTML 5 + javascript，我正在看的一個例子是用JQuery編寫的。我意識到JQuery對於某些人來說會更簡單，但是因爲我只是接觸Javascript並且沒有任何JQuery，所以我正在尋找一些代碼從一個翻譯到另一個。尋找這些JQuery代碼行的Javascript

我知道這些代碼行是什麼，我只是在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();

來源

2013-12-12 user3096986

FWIW，我首先學習了jQuery，現在正在填補我的javascript知識中的空白。它對我來說效果很好，因爲我現在已經用一些高級腳本完成了幾個站點。 [這裏有一些很好的jQ教程]（http://thenewboston.org/list.php?cat=32）和[phpAcademy]（http://phpacademy.org） – gibberish

請更具體地指出你想要哪一行在原生JavaScript和你嘗試/失敗在 – Gotschi

我特別尋找5，6，9和15-19行。 – user3096986

通過ID與相應的ID

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

更換任何你選擇的元素線你也可以使用querySelector梅託德直接訪問的元素。

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

要show或hide一個元素，你將需要設置style.display屬性

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

爲了得到一個基於屬性的元素將是一些JavaScript ..

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

您需要在每個元素上迭代並獲取該元素的屬性，然後與該值進行比較。

來源

2013-12-12 20:13:36

尋找這些JQuery代碼行的Javascript

回答

相關問題