📡 You're offline — showing cached content
⚡ New version available!
Quick Access
🗺️ Roadmaps 🃏 Flashcards 📚 Series 🎓 Tutorials 🗺️ My Path 🎤 Mock Interview ⚡ Cheat Code 📄 Resume Builder 🛠️ Dev Tools
Tutorials › jQuery in Practice › DOM Creation

DOM Creation

5 min read
Create elements with $('<div class="card">') and insert with append(), prepend(), after(), or before(). Inserting an existing element moves it to the new location. Use clone(true) to copy it with event handlers.

Creating Elements

// Create and add
$('
  • ').text('Item').appendTo('ul');

// With attributes
$('', {
  href:  'https://example.com',
  text:  'Click me',
  class: 'link'
}).appendTo('nav');

// Clone existing element
$('#template').clone().appendTo('#list');