為什么無法提取id
<!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>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 id="imoc">
? ? ? ? <p>id="imooc"</p>
? ? ? ? <p>jQuery選2中</p>
? ? </div>
? <!-- ?<script type="text/javascript">
? ? //通過原生方法處理
? ? //獲取到所有的節(jié)點標記名為div的元素
? ? //給每一個div加上藍色的邊框
? ? 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");
? ? $(".imooc").css("border","3px solid green");
? ? $("#imoc").css("boeder","3px solid green");
? ? </script>
</body>
</html>
2017-07-17
找到原因了，代碼：?$("#imoc").css("boeder","3px solid green");應該是?$("#imoc").css("border","3px solid green");
boeder --border
2017-07-17
class,id 不要重名，你定義的class有個名稱是IMOOC，ID也有一個是IMOOC.其它我找不到原因。你可以改個類名試試