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