For javascript code linked to your component, use @script tag that will render it in a code block, just below the markup.
/**
* Header bar with logo, navigation, and tool icons at the top of the page.
*
* @structure Header
* @flag full-width
* @markup
*
* @{include:.SG-logo}
* @{include:.SG-nav-icons}
* @{include:.SG-nav}
*
* @script
* $('body').on('click','.SG-header',function(){
* $(this).doSomething();
* });
*/
.SG-header{
...
}