JQuery是一種流行的JavaScript庫,用于簡化DOM操作、事件處理、AJAX 和動畫。其中,改變CSS和設置動畫是常見的操作之一。
1.改變CSS
語法:$(selector).css(property,value) 示例:$( "#box" ).css( "background-color", "red" );
其中,selector是CSS選擇器,property是CSS屬性名稱,value是CSS屬性值。
2.設置動畫
語法:$(selector).animate({params},speed,callback); 示例:$( "#box" ).animate({left: '250px'}, 2000);
其中,params是一個對象,指定要改變的CSS屬性及其目標值;speed是動畫持續時間(單位為毫秒);callback是一個函數,在動畫結束時執行。
需要注意的是,通過設置CSS或設置動畫會增加頁面的重繪和回流,可能會影響性能。因此,盡量減少使用,并考慮使用CSS3的動畫效果。