<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
div{
width: 100px;
height: 90px;
float: left;
padding: 5px;
margin: 5px;
background-color: #EEEEEE;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div class="aaron">
<p>我们</p>
<p>你们</p>
</div>
<div class="arron">
<p>我们</p>
<p>你们</p>
</div>
<div class="imooc">
<p>你们</p>
<p>爱情</p>
</div>
<div class="imooc">
<p>真的爱你</p>
<p>真爱</p>
</div>
<script type="text/javascript">
var divs=document.getElementsByClassName('arron');
for (var i = 0; i < divs.length; i++) {
divs[i].style.border="3px solid red";
}
</script>
<script type="text/javascript">
$(.imooc).css("border","3px solid red");
</script>
</body>
</html>
你第一个class写错了
应该是第二个class样式单词写错，还有方法中要获得样式名的单词也要改，不要问我怎么知道，我就是知道！
你第一个class名字写错了---<div class="aaron">，所以divs=document.getElementsByClassName('arron');divs中根本就没有第一个div