JavaScript到jQuery轉換代碼

我在更改以下代碼以使用jQuery時遇到困難。任何人都可以將我指向正確的方向嗎？JavaScript到jQuery轉換代碼

function addListItem() { 
    var listItem, container, dataList = document.getElementById('dataList'); 

    // Create our list item 
    listItem = document.createElement('div'); 
    listItem.setAttribute('data-bb-type', 'item'); 
    listItem.setAttribute('data-bb-img', 'images/icons/icon11.png'); 
    listItem.setAttribute('data-bb-title', 'Title '); 
    listItem.innerHTML = 'My description'; 

    // Create a dummy container 
    container = document.createElement('div'); 
    container.appendChild(listItem); 

    // Apply the styling 
    bb.imageList.apply([container]); 

    // Append the item 
    dataList.appendChild(container.firstChild); 

    // re-compute the scrolling area 
    if (bb.scroller) { 
     bb.scroller.refresh(); 
    } 
}

來源

2012-09-07 Bertho Joris

也許你可以在jQuery的發佈您的嘗試，我們可以通過您所遇到的問題，幫助工作。你更可能獲得幫助，而不是簡單地要求某人爲你做。 – jackwanders

http://docs.jquery.com/Main_Page – rwilliams

爲什麼你需要將它轉換成jquery呢？似乎這對我來說是完美的javascript。 –

首先，讓我告訴你，你的代碼看起來非常好。

現在，要使用jQuery通過其ID選擇元素，請使用ID Selector (「#id」)。因此，而不是使用document.getElementById("dataList")，你會使用：

$("#dataList")

要動態創建DOM元素，使用jQuery(html, props)。例如，要創建列表項目，你會使用：

listItem = $("<div />", { 
    data-bb-type: 'item', 
    data-bb-img: 'images/icon/icon11.png', 
    data-bb-title: 'Title' 
}).html("My description");

最後，追加元素到另一個，使用.append()。有了這個功能，你虛設的元素創作可以用以下來完成：

container = $("<div />").append(listItem);

來源

2012-09-07 20:38:04

好的，謝謝JoãoSilva的幫助...... :) –

JavaScript到jQuery轉換代碼

回答

相關問題