jQuery . support

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>

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>

HTML

<p>使用ブラウザの機能別サポート状況。</p>
<table id="jquery-sample">
    <tr>
        <th>プロパティ</th>
        <th>結果</th>
    </tr>
</table>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, Utilities, プロパティ タグ: パーマリンク