data- 속성을 가진 Element를 jQuery 셀렉터로 선택하기

엘리먼트가 data- 속성을 가지고 있다면 data- 속성을 이용하여 엘리먼트를 다음과 같이 선택하여 스크립트 작업을 수행할 수 있다.

<div class="col2a column">
    <a href="#" class="button dark" data-section="search">Search</a>
    <a href="#" class="button" data-section="advanced-search">Advanced Search</a>  
</div>

var yOffset = $('[data-section="search"]').hasClass('dark') ? 300 : 500;
$content.height(yOffset);