Difference between revisions of "Selecting Elements"
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');