Rumah > Artikel > hujung hadapan web > Apakah atribut yang digunakan dalam jquery
Terdapat 7 sifat tersedia untuk jquery: 1. "jquery", yang boleh mengeluarkan nombor versi pustaka jQuery 2. "jQuery.fx.interval", yang boleh menukar kadar larian animasi dalam milisaat ; 3. "panjang", mengira bilangan elemen dalam objek jQuery 4. "konteks", dsb.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.0, komputer Dell G3.
Atribut tersedia dalam jquery
Kaedah | Penerangan | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
context | Ditamatkan dalam versi 1.10 .
|
||||||||||||||||
jquery | Mengandungi nombor versi jQuery | ||||||||||||||||
jQuery.fx.interval | Tukar kadar larian animasi dalam milisaat | ||||||||||||||||
jQuery.fx.off | Lumpuhkan atau dayakan semua animasi secara global | ||||||||||||||||
jQuery.support | Mengandungi satu set sifat yang mewakili ciri atau kelemahan penyemak imbas yang berbeza (terutamanya untuk kegunaan dalaman jQuery) td> | ||||||||||||||||
panjang | Mengandungi bilangan elemen dalam objek jQuery | ||||||||||||||||
jQuery.cssNumber | Objek yang mengandungi semua sifat CSS yang boleh digunakan tanpa unit |
参数 | 描述 |
---|---|
milliseconds | 必需。规定以毫秒计的动画运行速率。默认是 13 毫秒。 |
Atribut ini sering digunakan untuk mengubah suai bilangan bingkai sesaat yang animasi dijalankan. Menurunkan nilai ini boleh menjadikan animasi berjalan dengan lebih lancar dalam penyemak imbas yang lebih pantas, tetapi tindakan sedemikian akan memberi kesan kepada prestasi dan CPU.
Nota: Memandangkan jQuery menggunakan selang global, agar sifat ini berkuat kuasa, animasi tidak seharusnya dijalankan lagi atau semua animasi harus dihentikan dahulu.
Nota: Atribut ini tidak sah dalam penyemak imbas yang menyokong atribut requestAnimationFrame, seperti Google Chrome 11.
Contoh: Menghidupkan elemen
<!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>
harta jQuery.fx.off
harta jQuery.fx.off digunakan untuk melumpuhkan atau mendayakan semua animasi secara global. Sintaks:
jQuery.fx.off = true|false;
参数 | 描述 |
---|---|
true | 规定应该禁用动画。 |
false | 默认。规定应该启用动画。 |
Nilai lalai adalah palsu, yang membolehkan animasi berjalan seperti biasa. Apabila ditetapkan kepada benar, semua kaedah animasi dilumpuhkan, yang menetapkan elemen kepada keadaan terakhirnya dan bukannya memaparkan kesannya.
Petua: Jika anda perlu memudahkan kod, anda boleh menggunakan $.fx.off dan bukannya jQuery.fx.off.
Properties jQuery.support
sifat jQuery.support mengandungi set sifat yang mewakili ciri atau kelemahan penyemak imbas yang berbeza.
Atribut ini digunakan terutamanya secara dalaman oleh jQuery.
sifat panjang (biasa digunakan)
Sifat panjang mengandungi bilangan elemen dalam objek jQuery.
$(selector).length
Contoh:
<!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>
sifat jQuery.cssNumber
$. cssNumber merujuk kepada objek yang mengandungi semua sifat CSS yang boleh digunakan tanpa unit.
Petua: Digunakan dengan .css() untuk menentukan sama ada px perlu ditambahkan pada nilai tanpa unit.
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Apakah atribut yang digunakan dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!