В качестве примера я использую waypoints.js и animate.css: http://miguelmanchego.com/samples/2014/jquery-mostrar-animaciones.htm, чтобы добавить анимацию при прокрутке.
Если у меня есть структура:
<div class="FlyWithMe">
<div>I am a bird!</div>
<div>Mee too!</div>
</div>
Конечно, я могу оживить их с помощью:
$('.FlyWithMe').waypoint(function() {
$(this).toggleClass( 'bounceIn animated' );
}
Но как я могу определить дочерний элемент для их анимации вместо контейнера?
$('.FlyWithMe').waypoint(function() {
$(this>child).toggleClass( 'bounceIn animated' );
}
Конечно, я мог бы добавить класс к дочернему элементу напрямую, но это всего лишь пример более сложного случая.