溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下jquery可用的屬性有哪些的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
jquery可用的屬性有7個：1、“jquery”，可輸出jQuery庫的版本號；2、“jQuery.fx.interval”，可改變以毫秒計的動畫運行速率；3、“l(fā)ength”，統(tǒng)計jQuery對象中元素的數(shù)目；4、“context”等。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery中可用的屬性
| 方法 | 描述 |
|---|---|
| context | 在版本 1.10 中被廢棄。包含被傳遞到 jQuery 的原始上下文 |
| jquery | 包含 jQuery 的版本號 |
| jQuery.fx.interval | 改變以毫秒計的動畫運行速率 |
| jQuery.fx.off | 對所有動畫進行全局禁用或啟用 |
| jQuery.support | 包含表示不同瀏覽器特性或漏洞的屬性集（主要用于 jQuery 的內(nèi)部使用） |
| length | 包含 jQuery 對象中元素的數(shù)目 |
| jQuery.cssNumber | 包含所有可以不使用單位的CSS屬性的對象 |
jquery 屬性
jquery 屬性返回的字符串包含 jQuery 的版本號。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.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;
| 參數(shù) | 描述 |
|---|---|
| milliseconds | 必需。規(guī)定以毫秒計的動畫運行速率。默認是 13 毫秒。 |
該屬性常用于修改動畫運行的每秒幀數(shù)。降低這個值能夠使動畫在更快的瀏覽器中運行得更流暢，但這么做會影響性能 和 CPU。
注意：由于 jQuery 使用一個全局的間隔時間，為了使該屬性生效，動畫應(yīng)該不在運行或者首先停止所有動畫。
注意：該屬性在支持 requestAnimationFrame 屬性的瀏覽器中無效，比如 Google Chrome 11。
示例：以較少的幀數(shù)來運行 <div> 元素的動畫
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.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毫秒的屬性,這將導(dǎo)致以更少的幀運行動畫(根據(jù)不同的瀏覽器,這可能導(dǎo)致動畫運行流暢度低于期望)。</p>
<p><b>注意:</b> 由于jQuery使用一個全局間隔,任何更改此屬性生效,沒有動畫運行或者說動畫都應(yīng)該先停止運行(按“切換div”，然后當(dāng)" div
"完成動畫時按“運行動畫幀更少”。當(dāng)動畫已經(jīng)停止,再次按“切換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;
| 參數(shù) | 描述 |
|---|---|
| true | 規(guī)定應(yīng)該禁用動畫。 |
| false | 默認。規(guī)定應(yīng)該啟用動畫。 |
默認值是 false，它允許動畫正常運行。當(dāng)設(shè)置為 true 時，將禁用所有動畫方法，這樣會把元素設(shè)置為其最后的狀態(tài)，而不是顯示效果。
提示：如需簡化代碼，可以使用 $.fx.off 來代替 jQuery.fx.off。
jQuery.support 屬性
jQuery.support 屬性包含表示不同瀏覽器特性或漏洞的屬性集。
該屬性主要用于 jQuery 的內(nèi)部使用。
length 屬性（常用）
length 屬性包含 jQuery 對象中元素的數(shù)目。
$(selector).length
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
console.log($("li").length);
});
});
</script>
</head>
<body>
<button>輸出li的數(shù)量</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
jQuery.cssNumber 屬性
$.cssNumber 指包含所有可以不使用單位的CSS屬性的對象。
提示： 用于.css()，來確定是否需要附加px到無單位的值。
以上就是“jquery可用的屬性有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼