代碼哪里有問題為什么p的元素沒反應
<!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 scr="jquery-1.7.2.js"></script>
</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>
2017-01-09
這里連如jq庫的src寫錯了，教你一個快速排錯的方法，如圖，按F12進入控制臺，注意紅色的圈圈，html:47提示錯誤發生在47行，另外一個$ no define是錯誤的描述，表示沒有定義，就是連入庫出了問題
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引入出錯了...