Untitled

Manipulating background-colors
<div class="myTabs">
    <div class="ajax__tab_active">
        <div class=".ajax__tab_inner" style="width: 100px; height: 100px; background-color: green;" >

        </div>
    </div>
</div>

.myTabs .ajax__tab_active .ajax__tab_inner{
 width:100px;
 background-color:green;
}

$(document).ready(function() {
    $('.myTabs .ajax__tab_active .ajax__tab_inner').css('background-color', red);
});

$('.myTabs .ajax__tab_active .ajax__tab_inner').css('background-color', 'red');

var primaryColor = '#f00';    // Red

$('.myTabs .ajax__tab_active .ajax__tab_inner').css('background-color', primaryColor);

primaryColor is not defined

<div class="ajax__tab_inner" style="width: 100px; height: 100px; background-color: green;" >

<div class=".ajax__tab_inner" style="width: 100px; height: 100px; background-color: green;" >