jQuery( 'selector1, selector2, selectorN' )

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>

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>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, セレクター, 基本 タグ: パーマリンク