jQuery API の jQuery . isFunction( obj ) は、objに指定したオブジェクトが、Javascriptの関数オブジェクトであるかどうかを判定する。関数であれば「true」、関数でなければ「false」を返す。
引数
- obj
関数かどうかを判定するオブジェクト。
戻り値
- Boolean
booleanType（論理型）。
引数objに指定したオブジェクトが、関数であれば、「true」。
引数objに指定したオブジェクトが、関数でなければ、「false」。
記述例
var obj = function () {};
jQuery( '#sample' ) . text( jQuery . isFunction( obj ) );
jQuery( '#sample' ) . text( jQuery . isFunction( obj ) );
idが「sample」である要素に、「true」と表示する。
function sample() {}
var obj = sample;
jQuery( '#sample' ) . text( jQuery . isFunction( obj ) );
var obj = sample;
jQuery( '#sample' ) . text( jQuery . isFunction( obj ) );
idが「sample」である要素に、「true」と表示する。
var obj = { keyA: 'valueA', keyB: 'valueB' };
jQuery( '#sample' ) . text( jQuery . isFunction( obj ) );
jQuery( '#sample' ) . text( jQuery . isFunction( obj ) );
idが「sample」である要素に、「false」と表示する。
実装例（サンプル）
objA:
objB:
objC:
objD:
objE:
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
var objA = function () {};
jQuery( '#jquery-sample-A' ) . text( jQuery . isFunction( objA ) );
function sample() {}
var objB = sample;
jQuery( '#jquery-sample-B' ) . text( jQuery . isFunction( objB ) );
var objC = { keyA: 'valueA', keyB: 'valueB' };
jQuery( '#jquery-sample-C' ) . text( jQuery . isFunction( objC ) );
var objD = [ 'A', 'B', 'C' ];
jQuery( '#jquery-sample-D' ) . text( jQuery . isFunction( objD ) );
var objE = '文字列';
jQuery( '#jquery-sample-E' ) . text( jQuery . isFunction( objE ) );
} );
// -->
</script>
<!--
jQuery( function() {
var objA = function () {};
jQuery( '#jquery-sample-A' ) . text( jQuery . isFunction( objA ) );
function sample() {}
var objB = sample;
jQuery( '#jquery-sample-B' ) . text( jQuery . isFunction( objB ) );
var objC = { keyA: 'valueA', keyB: 'valueB' };
jQuery( '#jquery-sample-C' ) . text( jQuery . isFunction( objC ) );
var objD = [ 'A', 'B', 'C' ];
jQuery( '#jquery-sample-D' ) . text( jQuery . isFunction( objD ) );
var objE = '文字列';
jQuery( '#jquery-sample-E' ) . text( jQuery . isFunction( objE ) );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-sample {
margin: 10px;
padding: 10px 30px;
background-color: #ffffe0;
border: 1px solid gray;
border-radius: 10px;
}
-->
</style>
<!--
#jquery-sample {
margin: 10px;
padding: 10px 30px;
background-color: #ffffe0;
border: 1px solid gray;
border-radius: 10px;
}
-->
</style>
HTML
<div id="jquery-sample">
<p>
objA: <span id="jquery-sample-A"></span>
</p>
<p>
objB: <span id="jquery-sample-B"></span>
</p>
<p>
objC: <span id="jquery-sample-C"></span>
</p>
<p>
objD: <span id="jquery-sample-D"></span>
</p>
<p>
objE: <span id="jquery-sample-E"></span>
</p>
</div>
<p>
objA: <span id="jquery-sample-A"></span>
</p>
<p>
objB: <span id="jquery-sample-B"></span>
</p>
<p>
objC: <span id="jquery-sample-C"></span>
</p>
<p>
objD: <span id="jquery-sample-D"></span>
</p>
<p>
objE: <span id="jquery-sample-E"></span>
</p>
</div>