jQuery API の jQuery . type( obj ) は、objに指定したオブジェクトの型（クラス）を判定するメソッド。
引数
- obj
型（クラス）を調べたいオブジェクト。
戻り値
- String
型（クラス）を示す文字列。
記述方法
jQuery . type( オブジェクト )
「オブジェクト」に指定したオブジェクトの型（クラス）を調べる。
記述例
jQuery( '#sample' ) . text( jQuery . type( '文字列' ) );
idが「sample」の要素に「string」と表示する。
実装例（サンプル）
| オブジェクト | 型（クラス） |
|---|
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
var array = [
true,
false,
2012,
'文字列',
[],
{},
function(){},
new Date(),
/sample/,
null,
undefined
];
jQuery . each( array, function( index, value ) {
if( jQuery . type( value ) == 'array' ) {
jQuery( '#jquery-sample table' ) . append( '<tr><td>[]</td><td> ' + jQuery . type( value ) + '</td></tr>' );
} else if( jQuery . type( value ) == 'object' ) {
jQuery( '#jquery-sample table' ) . append( '<tr><td>{}</td><td> ' + jQuery . type( value ) + '</td></tr>' );
} else if( jQuery . type( value ) == 'date' ) {
jQuery( '#jquery-sample table' ) . append( '<tr><td>new Date()</td><td> ' + jQuery . type( value ) + '</td></tr>' );
} else {
jQuery( '#jquery-sample table' ) . append( '<tr><td>' + value + '</td><td> ' + jQuery . type( value ) + '</td></tr>' );
}
} );
} );
// -->
</script>
<!--
jQuery( function() {
var array = [
true,
false,
2012,
'文字列',
[],
{},
function(){},
new Date(),
/sample/,
null,
undefined
];
jQuery . each( array, function( index, value ) {
if( jQuery . type( value ) == 'array' ) {
jQuery( '#jquery-sample table' ) . append( '<tr><td>[]</td><td> ' + jQuery . type( value ) + '</td></tr>' );
} else if( jQuery . type( value ) == 'object' ) {
jQuery( '#jquery-sample table' ) . append( '<tr><td>{}</td><td> ' + jQuery . type( value ) + '</td></tr>' );
} else if( jQuery . type( value ) == 'date' ) {
jQuery( '#jquery-sample table' ) . append( '<tr><td>new Date()</td><td> ' + jQuery . type( value ) + '</td></tr>' );
} else {
jQuery( '#jquery-sample table' ) . append( '<tr><td>' + value + '</td><td> ' + jQuery . type( value ) + '</td></tr>' );
}
} );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-sample {
margin: 10px;
}
#jquery-sample table {
width: 500px;
}
#jquery-sample table,
#jquery-sample th,
#jquery-sample td {
border-collapse: collapse;
border: 1px #003030 solid;
background-color: #f0f0f0;
font-size: 15px;
color: #303030 !important;
}
#jquery-sample th {
background-color: #d0d0d0;
}
-->
</style>
<!--
#jquery-sample {
margin: 10px;
}
#jquery-sample table {
width: 500px;
}
#jquery-sample table,
#jquery-sample th,
#jquery-sample td {
border-collapse: collapse;
border: 1px #003030 solid;
background-color: #f0f0f0;
font-size: 15px;
color: #303030 !important;
}
#jquery-sample th {
background-color: #d0d0d0;
}
-->
</style>
HTML
<div id="jquery-sample">
<table>
<tr><th>オブジェクト</th><th>型（クラス）</th></tr>
</table>
</div>
<table>
<tr><th>オブジェクト</th><th>型（クラス）</th></tr>
</table>
</div>