ホームページ > 記事 > ウェブフロントエンド > jqueryで使用される属性
jqueryで使用される属性
- 青灯夜游オリジナル
- 2022-05-24 14:04:252193ブラウズ
jquery には 7 つのプロパティが使用できます: 1. jQuery ライブラリのバージョン番号を出力できる「jquery」、2. アニメーションの実行速度をミリ秒単位で変更できる「jQuery.fx.interval」 ; 3. 「length」、jQuery オブジェクト内の要素の数をカウントします; 4. 「context」など。
このチュートリアルの動作環境: Windows7 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。
#jquery で使用可能なプロパティ
| 説明 | #コンテキスト |
|---|---|
| バージョン 1.10 では非推奨になりました。 | jQuery に渡される元のコンテキストが含まれますjquery |
| jQuery.fx .interval | |
| jQuery.fx.off | |
| jQuery.support | |
| length | |
| jQuery.cssNumber | |
jquery プロパティによって返される文字列には、jQuery のバージョン番号が含まれています。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("button").on("click", function() {
var version = $().jquery;
console.log("你正在运行的jQuery版本为: " + version);
});
});
</script>
</head>
<body>
<button>点我！</button>
</body>
</html>
jQuery.fx.interval プロパティ
jQuery.fx.interval プロパティは、アニメーションの実行速度をミリ秒単位で変更するために使用されます。 。構文:
jQuery.fx.interval = milliseconds;
| # ＃必須。アニメーションの実行速度をミリ秒単位で指定します。デフォルトは 13 ミリ秒です。 | このプロパティは、アニメーションが実行される 1 秒あたりのフレーム数を変更するためによく使用されます。この値を下げると、より高速なブラウザでアニメーションがよりスムーズに実行されますが、パフォーマンスと CPU に影響します。 |
注: この属性は、Google Chrome 11 などの requestAnimationFrame 属性をサポートするブラウザでは無効です。
#例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#toggle").on("click", function() {
$("div").toggle(5000);
});
$("#interval").on("click", function() {
jQuery.fx.interval = 500;
});
});
</script>
</head>
<body>
<p>“div切换”按钮被按下时,我们在隐藏和显示div之间切换(默认是13毫秒)。每次“减少运行动画帧”按钮被按下,我们添加500毫秒的属性,这将导致以更少的帧运行动画(根据不同的浏览器,这可能导致动画运行流畅度低于期望)。</p>
<p><b>注意:</b> 由于jQuery使用一个全局间隔,任何更改此属性生效,没有动画运行或者说动画都应该先停止运行(按“切换div”，然后当" div
"完成动画时按“运行动画帧更少”。当动画已经停止,再次按“切换div”注意效果)。</p>
<button id="toggle">div切换</button>
<button id="interval">减少运行动画帧</button>
<div style="background:#98bf21;height:100px;width:100px;margin:50px;">
</div>
</body>
</html>
#jQuery.fx.off プロパティ
jQuery.fx.off プロパティは、すべてのアニメーションをグローバルに無効または有効にするために使用されます。構文:
jQuery.fx.off = true|false;
パラメータ 説明
| true | アニメーションを次のように指定します。無効。 |
|---|---|
| デフォルト。アニメーションを有効にすることを指定します。 | |
| デフォルト値は false で、アニメーションは通常どおり実行されます。 true に設定すると、すべてのアニメーション メソッドが無効になり、効果が表示されるのではなく、要素が最終状態に設定されます。 | ヒント: コードを簡略化する必要がある場合は、jQuery.fx.off の代わりに $.fx.off を使用できます。 |
length プロパティ (一般的に使用される)
length プロパティには、jQuery オブジェクト内の要素の数が含まれます。$(selector).length例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
console.log($("li").length);
});
});
</script>
</head>
<body>
<button>输出li的数量</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
jQuery.cssNumber プロパティ
$.cssNumber はすべてを指します。ユニットCSSプロパティを使用せずにオブジェクトをオブジェクト化できます。
[推奨学習: jQuery ビデオ チュートリアル
、Web フロントエンド ビデオ
]以上がjqueryで使用される属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。