jqueryで使用される属性-フロントエンドQ&A-php.cn

jqueryで使用される属性

青灯夜游

リリース： 2022-06-10 16:04:13

オリジナル

2231 人が閲覧しました

jquery には 7 つのプロパティが使用できます: 1. jQuery ライブラリのバージョン番号を出力できる「jquery」、2. アニメーションの実行速度をミリ秒単位で変更できる「jQuery.fx.interval」 ; 3. 「length」、jQuery オブジェクト内の要素の数をカウントします; 4. 「context」など。

jqueryで使用される属性

このチュートリアルの動作環境: Windows7 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

#jquery で使用可能なプロパティ

##メソッド#コンテキストjQuery に渡される元のコンテキストが含まれますjqueryjQuery のバージョン番号が含まれますjQuery.fx .intervalアニメーションの実行速度をミリ秒単位で変更しますjQuery.fx.offすべてのアニメーションをグローバルに無効または有効にしますjQuery.supportさまざまなブラウザ機能または脆弱性を表すプロパティのセットが含まれます (主に jQuery の内部使用用) lengthjQuery オブジェクトの要素の数が含まれますjQuery.cssNumber単位なしで使用できるすべての CSS プロパティを含むオブジェクトjquery プロパティ

説明
バージョン 1.10 では非推奨になりました。

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で使用される属性 jQuery.fx.interval プロパティ

jQuery.fx.interval プロパティは、アニメーションの実行速度をミリ秒単位で変更するために使用されます。。構文:

jQuery.fx.interval = milliseconds;

ログイン後にコピー

パラメータ説明ミリ秒このプロパティは、アニメーションが実行される 1 秒あたりのフレーム数を変更するためによく使用されます。この値を下げると、より高速なブラウザでアニメーションがよりスムーズに実行されますが、パフォーマンスと CPU に影響します。注: jQuery はグローバル間隔を使用するため、このプロパティを有効にするには、アニメーションが実行されなくなるか、すべてのアニメーションが最初に停止される必要があります。


# ＃必須。アニメーションの実行速度をミリ秒単位で指定します。デフォルトは 13 ミリ秒です。

注: この属性は、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で使用される属性 jQuery.fx.off プロパティは、すべてのアニメーションをグローバルに無効または有効にするために使用されます。構文:

jQuery.fx.off = true|false;

ログイン後にコピー

パラメータ

説明 #falseデフォルト。アニメーションを有効にすることを指定します。 jQuery.support プロパティ

true	アニメーションを次のように指定します。無効。

デフォルト値は false で、アニメーションは通常どおり実行されます。 true に設定すると、すべてのアニメーションメソッドが無効になり、効果が表示されるのではなく、要素が最終状態に設定されます。	ヒント: コードを簡略化する必要がある場合は、jQuery.fx.off の代わりに $.fx.off を使用できます。

jQuery.support プロパティには、ブラウザーのさまざまな機能や脆弱性を表す一連のプロパティが含まれています。

この属性は主に jQuery によって内部的に使用されます。

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プロパティを使用せずにオブジェクトをオブジェクト化できます。
ヒント: px を単位のない値に追加する必要があるかどうかを判断するために .css() で使用されます。
[推奨学習: jQuery ビデオチュートリアル
、
Web フロントエンドビデオ
]
以上がjqueryで使用される属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。