Difference between revisions of "Selecting Elements"

From rbachwiki
Jump to navigation Jump to search
Line 14: Line 14:
'''Siblings'''
'''Siblings'''
  $('#idname').siblings()
  $('#idname').siblings()
'''Adding and Removing Classes'''
<pre>
  $('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');
</pre>
[[#top|Back To Top]]-[[JQuery|Category]]-[[Main_Page| Home]]
[[#top|Back To Top]]-[[JQuery|Category]]-[[Main_Page| Home]]

Revision as of 00:54, 25 December 2016

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');

Back To Top-Category- Home