Ringkasan pengoperasian atribut gaya css berdasarkan jquery animate

Ringkasan pengoperasian atribut gaya css berdasarkan jquery animate_jquery

PHP中文网

Lepaskan： 2016-05-16 15:29:23

asal

1200 orang telah melayarinya

Semalam, seorang netizen tiba-tiba bertanya kepada saya sama ada kaedah animate() boleh mengendalikan semua atribut css? Ya, saya beritahu dia boleh. Walau bagaimanapun, terdapat sesuatu yang perlu diperhatikan di sini yang perlu difahami oleh semua orang: apabila menggunakan animate(), semua nama atribut mesti ditulis dalam notasi Camel Contohnya, paddingLeft mesti digunakan bukannya padding-left, dan marginRight mesti digunakan sebagai ganti margin-kanan dll.

Tidak semua atribut dalam css boleh ditukar secara dinamik menggunakan animasi Jquery (fungsi bernyawa Berikut ialah ringkasan beberapa atribut yang JQ boleh beroperasi pada elemen:

 * backgroundPosition
  * borderWidth
  * borderBottomWidth
  * borderLeftWidth
  * borderRightWidth
  * borderTopWidth
  * borderSpacing
  * margin
  * marginBottom
  * marginLeft
  * marginRight
  * marginTop
  * outlineWidth
  * padding
  * paddingBottom
  * paddingLeft
  * paddingRight
  * paddingTop
  * height
  * width
  * maxHeight
  * maxWidth
  * minHeight
  * maxWidth
  * font
  * fontSize（在animate函数的css参数指定并不同于标准css属性，例如这个css标准是：font-size。
  同理上面很多也是这样的情况）
  * bottom
  * left
  * right
  * top
  * letterSpacing
  * wordSpacing
  * lineHeight
  * textIndent
  * opacity

Salin selepas log masuk

<). 🎜 >

Ingat ini boleh dianimasikan~~

kaedah animate() jquery juga boleh menetapkan atribut bukan css

Seperti dalam tajuk, contohnya :

$(&#39;body&#39;).animate({scrollTop:0}, 1500);
$("body").animate({scrollTop:"-="+50},350);

Salin selepas log masuk

Beberapa contoh kecil lain:

Elemen kurang upaya:

$(&#39;button&#39;).attr(&#39;disabled&#39;, &#39;disabled&#39;); 
$(&#39;button&#39;).removeAttr(&#39;disabled&#39;);

Salin selepas log masuk

Lintasi koleksi elemen:

$("input:text").each(function(index){ 
  alert(index);//循环的下标值，从0开始 
  alert(this.value);//自带属性可以用this(Dom)直接取值 
  alert($(this).attr("type"));//自定义属性需要用attr()取值 
});

Salin selepas log masuk

Di atas ialah ringkasan ciri gaya css yang beroperasi berdasarkan pada jquery animate_ Kandungan jquery, sila perhatikan laman web PHP Cina (m.sbmmt.com) untuk kandungan yang lebih berkaitan!