jQuery是一款流行的JavaScript庫,它可以輕松地操縱HTML和CSS,其中的CSS函數(shù)就提供了一系列可以用來控制CSS樣式的功能。
// 例子1:設(shè)置單一樣式 $("p").css("color", "red"); // 將所有p元素的字體顏色設(shè)置為紅色 $("div").css("background-color", "#f2f2f2"); // 將所有div元素的背景色設(shè)置為淡灰色 // 例子2:設(shè)置多重樣式 $("h1").css({ "font-size": "36px", "color": "blue", "text-align": "center" }); // 例子3:獲取樣式值 var bgColor = $("div").css("background-color"); // 獲取第一個div元素的背景色值 // 例子4:操作數(shù)字值 var width = $("div").width(); // 獲取第一個div元素的寬度 $("div").width(500); // 將所有div元素的寬度設(shè)置為500 // 例子5:操作類名 $("p").addClass("highlight"); // 將所有p元素添加highlight類名 $("div").removeClass("active"); // 將所有div元素移除active類名
上述例子只是CSS函數(shù)的一部分功能,它還支持動畫效果、回調(diào)函數(shù)、鏈?zhǔn)讲僮鞯忍匦浴J褂胘Query的CSS函數(shù),可以讓開發(fā)者輕松地修改頁面的樣式效果。