I know that it\'s faster to do the following:
var $header = $(\"#header\"); $header.css({color:\"#ff0000\"}); $header.find(\"a\").addClass(\"foo\"); <
var $header = $(\"#header\"); $header.css({color:\"#ff0000\"}); $header.find(\"a\").addClass(\"foo\");
Use ES6 template literals for multiple variables as selectors:
$(`${$header_elements}, ${$footer_elements}`).css('color','#ff0000');