Selecting Elements

Selecting DOM Elements

$('#idname')
$('.className')

Find any a tags contained within the selected tag

$('#idname').find('a')

Find Children of tag

$('#idname').children()
$('#idname').children('h2')

Select Parents

$('#idname').parents()

Siblings

$('#idname').siblings()

Adding and Removing Classes

  $('body').addClass('js');

    var $circles = $('#circles');

    $circles.find(':nth-child(2)')
        .addClass('selected');

    $circles.find(':nth-child(4)')
        .removeClass('selected');

    $circles.find(':nth-child(4)')
        .toggleClass('selected');

Cloning DOM Elements

var $group = $('#group-friends');
var $copy = $group.find('input:last').clone();
$group.append($copy);

Getting Text from the Page

Will return the text plus the tags

$('#header').html();

Will return the text only

$('#header').text();

Will return the text only and trim any white spaces before and after

$('#header').text().trim();

---

Back To Top< ---- >Category< ---- > Home