jquery1.7为div额外加样式方法

发布时间:2020-05-02编辑:脚本学堂
有关jquery1.7为div层添加样式的方法,.add和.css都可以为div额外加样式,为div加样式"add"或".css"为每个div背景加色。

例子:
 

复制代码 代码示例:
<!doctype html> 
<html> 
  <title>为div加样式"add"或者".css"为每个div背景加色</title> 
<head> 
  <style> 
 div { width:60px; height:60px; margin:10px; float:left; } 
 p { clear:left; font-weight:bold; font-size:16px;  
     color:blue; margin:0 10px; padding:2px; } 
 </style> 
  <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
  <div></div> 
  <div></div> 
  <div></div> 
  <div></div> 
  <div></div> 
  <div></div> 
Added this... (notice no border) 
<script> 
<!--.add为为字体加框,.css为为每个div背景加色--> 
$("div").css("border", "2px solid red") .add("p").css("background", "yellow"); 
</script>
</body> 
</html>