jQuery API の jQuery( '#id' ) は、指定した値のid属性を持つ単一の要素を選択するセレクター。
記述方法
jQuery( '#選択したい要素のid属性値' )
選択したい要素のid属性値を「#」に続けて記述する。
id属性値に、「:」（コロン）や、「.」（ピリオド）などを含めたい場合は、「\\」（２つのバックスラッシュ）でエスケープする必要がある。
実装例（サンプル）
実装例（サンプル）のソースコード
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>
<!--
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>
<div id="jquery.api.id[2]"></div>
<div style="clear: left;"></div>