代码哪里有问题为什么p的元素没反应

源自：2-3 jQuery选择器之元素选择器

代码哪里有问题为什么p的元素没反应

<!DOCTYPE html>

<html>

<head>

<title>jQuery选择器之元素选择器</title>

div{

width: 150px;

height: 70px;

background: gray;

float: left;

padding: 2px;

margin: 5px;

text-align: center;

}

</style>

</head>

<body>

<p>class="aaron"</p>

</div>

<p>class="aaron"</p>

</div>

<p>class="imooc"</p>

<p>jQuery选中</p>

</div>

<p>class="imooc"</p>

<p>jQuery选中</p>

</div>

var divs = document.getElementsByTagName('div');

for (var i = 0; i < divs.length; i++){

divs[i].style.border="3px solid red";

}

</script>

//通过jQuery直接传入标签名p

//标签是可以多个的，所以得到的同样也是一个合集

$("p").css("border","3px solid red");

</script>

</body>

</html>

提问者：ggmsy 2017-01-09 12:46

个回答

emily973

2017-01-09 14:09:42

已采纳
```
<script scr="jquery-1.7.2.js"></script>
```
这里连如jq库的src写错了，教你一个快速排错的方法，如图，按F12进入控制台，注意红色的圈圈，html:47提示错误发生在47行，另外一个$ no define是错误的描述，表示没有定义，就是连入库出了问题

1

待我强大_我给自己天下: 2017-01-09 13:49:42

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery选择器之元素选择器</title>
<style type="text/css">
div{
width: 150px;
height: 70px;
background: gray;
float: left;
padding: 2px;
margin: 5px;
text-align: center;
}
</style>


<!--                  ↓↓↓这里                  -->

<script src="

<!--                  ↑↑↑这里                  --> 

</head>
<body>
<div class="aaron">
        <p>class="aaron"</p>
        <p>选中</p>
    </div>
    <div class="aaron">
        <p>class="aaron"</p>
        <p>选中</p>
    </div>
    <div class="imooc">
        <p>class="imooc"</p>
        <p>jQuery选中</p>
    </div>
    <div class="imooc">
        <p>class="imooc"</p>
        <p>jQuery选中</p>
    </div>
<script type="text/javascript">
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++){
divs[i].style.border="3px solid red";
}
</script>
<script type="text/javascript">
    //通过jQuery直接传入标签名p
    //标签是可以多个的，所以得到的同样也是一个合集
    $("p").css("border","3px solid red");
    </script>
</body>
</html>

看代码, 你jQuery引入出错了...