ホームページ >ウェブフロントエンド >htmlチュートリアル >質問したいのですが、特定のdivにマウスを置くとスタイルが変更されます。 _html/css_WEB-ITnose
質問したいのですが、特定のdivにマウスを置くとスタイルが変更されます。 _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 08:58:161279ブラウズ
コード量を減らすために、複数の div を 1 つの ID に統一し、1 つの js メソッドのみを使用したいのですが、どうすればよいでしょうか。
以下の場合にコードを添付します。
<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 を使用、クラスを使用
$( document).ready(function(){
$(".demo").hover(function(){
$("h1",this).css( "背景色","黄色") ;
},function(){
$("h1",this).css("背景色","ピンク"); ;
});
$(document).ready(function(){
$(".demo").hover(function(){
$("h1").css("背景色", "黄色");
},function(){
$ ("h1").css("背景色","ピンク");
}); 🎜>
ID を使用せず、クラスを使用してください。
$( document).ready(function(){
$("h1",this).css("背景色","黄色") ;
},function(){
$("h1",this).css("背景色" ,"pink");
});
});
O(∩_∩)O ありがとうございます
ページ内の要素の ID は一意である必要がありますクラス、名前、その他の属性を使用してそれを表すことができます
$(".demo") を使用します。 hover(function(){
$("h1").css("背景色","黄色") ;
},function(){
$("h1").css( "背景色","ピンク");
})
});
O( ∩_∩)O ありがとうございます