jQuery API の jQuery . support は、ブラウザがサポートしているかしてないかを表すプロパティ集。
戻り値
- Object
オブジェクト。
記述方法
jQuery . support . プロパティ名
ブラウザが、プロパティ名の機能をサポートしているかいないかを調べる。
記述例
jQuery . support . opacity
ブラウザが、CSS3のopacityプロパティを、適切に解釈できるかどうか。
opacityプロパティをサポートしている場合は、「true」を返す
実装例（サンプル）
使用ブラウザの機能別サポート状況。
| プロパティ | 結果 |
|---|
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery . each( jQuery . support, function( key, value ) {
jQuery( '#jquery-sample' ) . append( '<tr><td>' + key + '</td><td>' + value + '</td></tr>' );
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery . each( jQuery . support, function( key, value ) {
jQuery( '#jquery-sample' ) . append( '<tr><td>' + key + '</td><td>' + value + '</td></tr>' );
} );
} );
// -->
</script>
CSS
<style>
<!--
#jquery-sample {
width: 500px;
}
#jquery-sample,
#jquery-sample th,
#jquery-sample td {
border-collapse: collapse;
border: 1px #003030 solid;
}
#jquery-sample tr {
background-color: #bbffff;
height: 50px;
}
#jquery-sample th {
padding: 10px 20px;
background-color: #165240;
color: #ffffff;
font-size: 15px;
}
#jquery-sample td {
padding: 10px 20px;
font-size: 15px;
text-align: left;
vertical-align: bottom;
}
-->
</style>
<!--
#jquery-sample {
width: 500px;
}
#jquery-sample,
#jquery-sample th,
#jquery-sample td {
border-collapse: collapse;
border: 1px #003030 solid;
}
#jquery-sample tr {
background-color: #bbffff;
height: 50px;
}
#jquery-sample th {
padding: 10px 20px;
background-color: #165240;
color: #ffffff;
font-size: 15px;
}
#jquery-sample td {
padding: 10px 20px;
font-size: 15px;
text-align: left;
vertical-align: bottom;
}
-->
</style>
HTML
<p>使用ブラウザの機能別サポート状況。</p>
<table id="jquery-sample">
<tr>
<th>プロパティ</th>
<th>結果</th>
</tr>
</table>
<table id="jquery-sample">
<tr>
<th>プロパティ</th>
<th>結果</th>
</tr>
</table>