Najlepszy sposób na tworzenie nowych elementów DOM

Question

jQuery lepiej jest utworzyć elementu DOM tak: -

function create(options) 
{ 
    $('<form action="' + options.action + '"></form>');  
} 

Albo tak:

function create(options) 
{ 
    $form = $('<form></form>'); 
    $form.attr('action',options.action); 
} 

To może być kwestia opinii. Czuję, że drugi sposób daje większą jasność, ale podejrzewam, że jest mniej skuteczny ...

Answer 1

jQuery może utworzyć obiektu jako następujący kod

$form = $('<form>', {action: 'my action'}); 

class to słowo zarezerwowane w IE i musi być cytowany . Zobacz pełną listę słów zastrzeżonych: Reserved Keywords in Javascript

Answer 2

Jeśli nie używasz tej funkcji wiele razy, różnica w wydajności będzie nieznaczna. Więc chciałbym zawsze iść z najczystszych, najłatwiej aktualizować rozwiązania (czyli drugiej).

Answer 3

Zawsze robię drugi.

function create(options) 
{ 
    $form = $('<form></form>'); 
    $form.attr('action',options.action); 
} 

Preferuję tę metodę tylko dlatego, że jest bardziej czytelna.

Answer 4

Check this, aby dowiedzieć się o sobie.

Uwaga większe jest lepsze (OPS/Sec = operations per second = how many times per second the given code executes)

Zwycięzcą testu w każdej innej przeglądarce niż Opera:

var form = document.createElement("form"), 
    $form = $(form); 
form.action = options.action; 

---

UWAGA:

metoda native być jeszcze szybszym, jeśli nie trzeba się jQuery obiektu:

var form = document.createElement("form"); 
form.action = options.action; 

Answer 5

nigdy nie boli, aby zoptymalizować ... aż robi ... można użyć prosto JS:

function create(options) 
{ 
    var newform = document.createElement('form'); 

    newform.setAttribute('action',options.action); 
} 

Poza tym jest znikome jak wspomniano powyżej, cokolwiek jest łatwiejsze do odczytania dla ciebie ... tj opcja 2

Answer 6

Nie jesteś pewien aktualnego kodu jquery i nie wiesz, który z nich ma lepszą wydajność.

W każdym razie, jak mogę sobie wyobrazić, w pierwszym przypadku jquery będzie analizować atrybuty mimo to i ustawia dla nich wartości, więc nie powinna występować duża różnica wydajności.

Więc myślę, że pierwsze rozwiązanie jest wygodniejsze, jeśli zawiera dużo kodu HTML, w przeciwnym razie wolę drugi.