jQuery API の jQuery( selector ) は、documentから始まるDOM内から、selectorにマッチするものを検索し、jQueryオブジェクトを生成する。
引数
- selector
戻り値
- jQuery
jQueryオブジェクト。
記述方法
jQuery( セレクター )
documentから始まるDOM内から、「セレクター」にマッチするものを検索し、jQueryオブジェクトを生成。
記述例
jQuery( '#sample' )
idが「sample」であるDOM要素を選択。
実装例（サンプル）
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-api-sample-1' ) . css( {
float: 'left',
height: 200,
width: 200,
margin: '5px',
backgroundColor: 'orange',
border: 'thick red solid',
} );
jQuery( '#jquery-api-sample-2' ) . css( {
float: 'left',
height: 200,
width: 200,
margin: '5px',
backgroundColor: 'yellow',
border: 'thick green solid',
borderRadius: '20px',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-sample-1' ) . css( {
float: 'left',
height: 200,
width: 200,
margin: '5px',
backgroundColor: 'orange',
border: 'thick red solid',
} );
jQuery( '#jquery-api-sample-2' ) . css( {
float: 'left',
height: 200,
width: 200,
margin: '5px',
backgroundColor: 'yellow',
border: 'thick green solid',
borderRadius: '20px',
} );
} );
// -->
</script>
HTML
<div id="jquery-api-sample-1"></div>
<div id="jquery-api-sample-2"></div>
<div style="clear: left;"></div>
<div id="jquery-api-sample-2"></div>
<div style="clear: left;"></div>