jQuery API の jQuery( '.class' ) は、指定した値のclass属性を持つ全ての要素を選択するセレクター。
記述方法
jQuery( '.選択したい要素のclass属性値' )
選択したい要素のclass属性値を「.」（ピリオド）に続けて記述する。
実装例（サンプル）
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '.jquery-api-class-1' ) . css( {
float: 'left',
height: 200,
width: 200,
margin: '5px',
} );
jQuery( '.jquery-api-class-2' ) . css( {
backgroundColor: 'orange',
border: 'thick red solid',
} );
jQuery( '.jquery-api-class-3' ) . css( {
backgroundColor: 'yellow',
border: 'thick green solid',
borderRadius: '20px',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '.jquery-api-class-1' ) . css( {
float: 'left',
height: 200,
width: 200,
margin: '5px',
} );
jQuery( '.jquery-api-class-2' ) . css( {
backgroundColor: 'orange',
border: 'thick red solid',
} );
jQuery( '.jquery-api-class-3' ) . css( {
backgroundColor: 'yellow',
border: 'thick green solid',
borderRadius: '20px',
} );
} );
// -->
</script>
HTML
<div class="jquery-api-class-1 jquery-api-class-2"></div>
<div class="jquery-api-class-1 jquery-api-class-3"></div>
<div style="clear: left;"></div>
<div class="jquery-api-class-1 jquery-api-class-3"></div>
<div style="clear: left;"></div>