jQuery로 자바 변환 코드

jQuery를 사용하기 위해 다음 코드를 변경하는 데 어려움이 있습니다. 누구든지 올바른 방향으로 나를 가리킬 수 있을까요?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로 변환해야합니까? 나에게 완벽하게 좋은 자바 스크립트처럼 보입니다. –

먼저 코드가 완벽하게 잘 보입니다.

이제 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ão Silva 님, 도움을 청합니다. :) –

jQuery로 자바 변환 코드

답변

관련 문제