jQuery API の jQuery( 'selector1, selector2, selectorN' ) は、指定した複数のセレクターに該当する全ての要素を選択するマルチセレクター。
記述方法
jQuery( 'セレクター1, セレクター2, セレクターN' )
選択したい要素のセレクターを、「,」(カンマ)区切りで、複数記述することができる。
実装例(サンプル)
実装例(サンプル)のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-api-id-1, #jquery-api-id-2, #jquery-api-id-3' ) . css( {
float: 'left',
height: 100,
width: 100,
margin: '5px',
} );
jQuery( '#jquery-api-id-1' ) . css( {
backgroundColor: 'orange',
border: 'thick red solid',
borderRadius: '10px',
} );
jQuery( '#jquery-api-id-2' ) . css( {
backgroundColor: 'yellow',
border: 'thick green solid',
borderRadius: '20px',
} );
jQuery( '#jquery-api-id-3' ) . css( {
backgroundColor: 'pink',
border: 'thick gray solid',
borderRadius: '30px',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-id-1, #jquery-api-id-2, #jquery-api-id-3' ) . css( {
float: 'left',
height: 100,
width: 100,
margin: '5px',
} );
jQuery( '#jquery-api-id-1' ) . css( {
backgroundColor: 'orange',
border: 'thick red solid',
borderRadius: '10px',
} );
jQuery( '#jquery-api-id-2' ) . css( {
backgroundColor: 'yellow',
border: 'thick green solid',
borderRadius: '20px',
} );
jQuery( '#jquery-api-id-3' ) . css( {
backgroundColor: 'pink',
border: 'thick gray solid',
borderRadius: '30px',
} );
} );
// -->
</script>
HTML
<div id="jquery-api-id-1"></div>
<div id="jquery-api-id-2"></div>
<div id="jquery-api-id-3"></div>
<div style="clear: left;"></div>
<div id="jquery-api-id-2"></div>
<div id="jquery-api-id-3"></div>
<div style="clear: left;"></div>