jQuery( '#id' )

jQuery API の jQuery( '#id' ) は、指定した値のid属性を持つ単一の要素を選択するセレクター。

記述方法

jQuery( '#選択したい要素のid属性値' )

選択したい要素のid属性値を「#」に続けて記述する。

id属性値に、「:」(コロン)や、「.」(ピリオド)などを含めたい場合は、「\\」(2つのバックスラッシュ)でエスケープする必要がある。

実装例(サンプル)

実装例(サンプル)のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    jQuery( '#jquery-api-id-1' ) . css( {
        float: 'left',
        height: 200,
        width: 200,
        margin: '5px',
        backgroundColor: 'orange',
        border: 'thick red solid',
    } );
    jQuery( '#jquery\\.api\\.id\\[2\\]' ) . css( {
        float: 'left',
        height: 200,
        width: 200,
        margin: '5px',
        backgroundColor: 'yellow',
        border: 'thick green solid',
        borderRadius: '20px',
    } );
} );
// -->
</script>

HTML

<div id="jquery-api-id-1"></div>
<div id="jquery.api.id[2]"></div>
<div style="clear: left;"></div>

スポンサード リンク

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