データ型

一覧

データ型備考
Anything任意
Array配列
ArrayLikeObject疑似配列オブジェクト
Boolean真偽値
Callbacks Objectコールバックオブジェクト
Date日時
Deferred Object状態管理オブジェクト
ElementDOM 要素
Errorエラー
Eventイベント
Function関数
htmlStringHTML文字列
Integer整数 (Number型)
jQueryjQuery オブジェクト
jqXHR
NullNULL
Number数値
Objectオブジェクト
PlainObjectプレーンオブジェクト
Promise Object非同期処理オブジェクト
Qunit's Assert Object
Selectorセレクタ
String文字列
Textテキスト
Thenablethen定義オブジェクト
XML DocumentXML ドキュメント
XMLHttpRequest

Anything【任意】

  • 任意の型が使用可能

Array【配列】

ArrayLikeObject【疑似配列】

Boolean【真偽値】

Date【日時】

Deferred Object【状態管理オブジェクト】

Element【DOM 要素】

Error【エラー】

Function【関数】

htmlString【HTML文字列】

  • DOM 要素表現のHTML文字列
    • <tag ... > で開始の場合、 HTML文字列と認識し 最終の> まで解析
    • jQuery 1.9 以前：<tag ... > が含まれていれば HTML文字列と認識
  • 参照
    • jQuery()【DOMローディング完了処理 / jQueryオブジェクト 変換・生成】
    • jQuery.parseHTML()【HTML文字列 → DOMノード配列】1.8
    • jQuery (英語)：htmlString

例

<style>
#htmlStringEx table { border-collapse:collapse; }
#htmlStringEx th { border:1px black solid; padding:5px 10px; background-color:lightblue; }
#htmlStringEx td { border:1px black solid; padding:5px 10px; font-family:sans-serif; }
#htmlStringEx .color1 { color:red; }
</style>

<div id="htmlStringEx">
  <table>
  <tr><th>定義<th>$( ～ )</tr>
  <tr><td><td></tr>
  <tr><td><td></tr>
  <tr><td><td></tr>
  <tr><td><td></tr>
  <tr><td><td></tr>
  </table>
</div>

<script>
function htmlStringSub( def, html ) {
  $( "#htmlStringEx td" ).eq( index++ ).text( def );
  var $html;
  try {
    $html = $( html );
  }
  catch (e) {
    $html = e.toString();
    $( "#htmlStringEx td" ).eq( index ).addClass("color1");
  }
  $( "#htmlStringEx td" ).eq( index++ ).html( $html );
}

var index = 0;
var html;

html = "<em>HTML</em>";
htmlStringSub( html, html );

html = "<em>HTML</em>(after)";
htmlStringSub( html, html );

html = "(before)<em>HTML</em>";
htmlStringSub( html, html );

html = "(before)<em>HTML</em>";
htmlStringSub( '$.parseHTML( "' +  html + '" )', $.parseHTML( html ) );

html = "<em>HTML 1</em>(middle)<em>HTML 2</em>";
htmlStringSub( html, html );
</script>

定義$( ～ )

jQuery オブジェクト

Null【NULL】

Number【数値】

Object【オブジェクト】

PlainObject【プレーンオブジェクト】

例

<style>
#plainEx table { border-collapse:collapse; }
#plainEx th { border:1px black solid; padding:5px 10px; background-color:lightblue; }
#plainEx td { border:1px black solid; padding:5px 10px; font-family:sans-serif; }
</style>

<div id="plainEx">
  <table>
  <tr><th>定義<th>$.isPlainObject( ～ )</tr>
  <tr><td><td></tr>
  <tr><td><td></tr>
  <tr><td><td></tr>
  <tr><td><td></tr>
  </table>
</div>

<script>
function plainSub( def, obj ) {
  $( "#plainEx td" ).eq( index++ ).text( def );
  $( "#plainEx td" ).eq( index++ ).text( $.isPlainObject( obj ) );
}

var index = 0;

var array = [ ];
plainSub( 'var array = [ ];', array );

var plain1 = { };
plainSub( 'var plain1 = { };', plain1 );

var plain2 = { key1:"value1", key2:"value2" };
plainSub( 'var plain2 = { key1:"value1", key2:"value2" };', plain2 );

var plain3 = { key10:10, key20:20, key30:30 };
plainSub( 'var plain3 = { key10:10, key20:20, key30:30 };', plain3 );
</script>

定義$.isPlainObject( ～ )

Promise Object【非同期処理オブジェクト】

Selector【セレクタ】

String【文字列】

Thenable【then定義オブジェクト】

Text【テキスト】