在js中無法獲取多個id值為demo的問題
阿新 • • 發佈:2018-10-31
例如程式碼中:
<script> $(document).ready(function(){ $("#demo").hover(function(){ $("h1").css("background-color","yellow"); },function(){ $("h1").css("background-color","pink"); }); }); </script> </head> <body> <div id="demo"> <h1>酷炫模板 全新體驗電商輕鬆走入微信</h1> </div> <div id="demo"> <h1>二維碼輕鬆一掃有效統計粉絲來源.</h1> </div> <div id="demo"> ---------------------- </div>
無法讓第二個id=demo的div中的內容改變,這是為什麼呢?
原因如下:
一個頁面中元素的ID要保持唯一,你可以用class,name等其他屬性表示
比如用class=“demo”
$(document).ready(function(){
$(".demo").hover(function(){
$("h1").css("background-color","yellow");
},function(){
$("h1").css("background-color","pink");
});
});