front-end-developer_1_

Front-End-Developer - Level 1
Insert before or after a DOM element:
$('p').before('Title for paragraph');
$('h1').after('New subheading');
Remove a DOM element:
$('#id-to-remove').remove();
Select the children of a DOM element:
$('.some-class').children(); //select all children
$('ul').children('li'); // selects just the s
Select only the first or last child element for a node:
$('ul').children('li').first();
$('ul').children('li').last();
Select the element that was clicked on with this:
$('.some-class').click(function() {
});
$(this);
Test that you've selected the correct DOM element:
$('.element-to-select').css('background-color', 'green');
Test that you've properly attached an event handler:
$('.element-to-select').click(function() {
});
alert('hi');
DOM Manipulation and Traversal
175