首頁 > 文章 > web前端 > jquery中用什麼屬性

jquery中用什麼屬性

青灯夜游原創: 2022-05-24 14:04:252175瀏覽

jquery可用的屬性有7個：1、“jquery”，可輸出jQuery庫的版本號；2、“jQuery.fx.interval”，可改變以毫秒計的動畫運行速率；3、 “length”，統計jQuery物件中元素的數目；4、“context”等。

jquery中用什麼屬性

本教學操作環境：windows7系統、jquery3.6.0版本、Dell G3電腦。

jquery中可用的屬性

##描述contextjquery包含jQuery 的版本號jQuery.fx .interval改變以毫秒計的動畫運行速率#jQuery.fx.off對所有動畫進行全域停用或啟用jQuery.support包含表示不同瀏覽器特性或漏洞的屬性集（主要用於jQuery 的內部使用） length包含jQuery 物件中元素的數目#jQuery.cssNumber包含所有可以不使用單位的CSS屬性的物件

#方法
	在版本1.10 中被廢棄。包含被傳遞到jQuery 的原始上下文

jquery 屬性

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;

參數描述必需。規定以毫秒計的動畫運行速率。預設是 13 毫秒。


milliseconds

此屬性常用於修改動畫運行的每秒影格數。降低這個值能夠讓動畫在更快的瀏覽器中運作得更流暢，但這麼做會影響效能和 CPU。

注意：由於 jQuery 使用一個全域的間隔時間，為了使該屬性生效，動畫應該不在運行或首先停止所有動畫。

注意：此屬性在支援 requestAnimationFrame 屬性的瀏覽器中無效，例如 Google Chrome 11。

範例：以較少的幀數來運行

元素的動畫

<!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中用什麼屬性

jQuery.fx.off 屬性

jQuery.fx.off 屬性用於對所有動畫進行全域停用或啟用。語法：

jQuery.fx.off = true|false;

參數描述#true規定應該停用動畫。 false預設。規定應該啟用動畫。

預設值是 false，它允許動畫正常運作。當設定為 true 時，將停用所有動畫方法，這樣會將元素設為最後的狀態，而不是顯示效果。

提示：如需簡化程式碼，可以使用 $.fx.off 來取代 jQuery.fx.off。

jQuery.support 屬性

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中用什麼屬性

#jQuery.cssNumber 屬性##$.cssNumber 指包含所有可以不使用單位的CSS屬性的物件。

提示：用於.css()，來決定是否需要附加px到無單位的值。

【推薦學習：

jQuery影片教學

、web前端影片】

以上是jquery中用什麼屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：es6怎麼求陣列中的奇數和下一篇：es6怎麼求陣列中的奇數和

看更多