<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li>RayLee</li> <li>ZeroHour</li> <li>AtongKu</li> </ul> </body> <script src="jquery-3.2.1.js"></script> <script> // 修改单个样式 // $("ul>li") // .css("backgroundColor","pink") // .css("color", "red") // .css("fontSize", "55px"); // 修改多个样式 $("ul>li").css({ backgroundColor:"blue", color:"green", fontSize:"33px", border:"1px solid purple" }); // 获取样式 console.log($("li").css("backgroundColor")); console.log($("li").css("color")); console.log($("li").css("fontSize")); </script> </html>
