                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /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

源自：jQuery基础 (一)—样式篇 2-3

关注问题我要回答

1071

操作

收起

2 回答

emily973 回答被采纳 +3 积分
2017-01-09

<script scr="jquery-1.7.2.js"></script>

这里连如jq库的src写错了，教你一个快速排错的方法，如图，按F12进入控制台，注意红色的圈圈，html:47提示错误发生在47行，另外一个$ no define是错误的描述，表示没有定义，就是连入库出了问题

1 回复有任何疑惑可以回复我~

收起回答

ggmsy 提问者

好的谢谢了

2017-01-09 回复有任何疑惑可以回复我~

慕圣3571134

从来不用F12的飘过，虽然很方便，就怕变成一种依赖，不利于编写逻辑性强的代码

2018-12-11 回复有任何疑惑可以回复我~

待我强大_我给自己天下
2017-01-09

<!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引入出错了...

0 回复有任何疑惑可以回复我~

收起回答

待我强大_我给自己天下

2017-01-09 回复有任何疑惑可以回复我~

ggmsy 提问者回复待我强大_我给自己天下

嗯知道哪里错了谢谢

2017-01-09 回复有任何疑惑可以回复我~