<div class="codetitle"> <span><a style="CURSOR: pointer" data="55474" class="copybut" id="copybut55474" onclick="doCopy('code55474')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code55474"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><title></title> <br><style type="text/css"> <br>.imgclass <br>{ <br>高さ:200px; <br>} <br>.imgclass1 <br>{ <br>幅:210px; 250px; <br>} <br> <br> <script src="text/javascript"< script type="text/javascript"> <br>$(function () { <br>$('#Button1').click(function () { <br>/ / タイプ (タグ名) が次のとおりであるすべての要素を取得しますimg <br>// $('img').show(3000); <br>// $('img').hide(3000); <br> // //クラス属性値が"imgclass" <br>// $('.imgclass').hide(3000); <br>// $('.imgclass').show (3000)>// $("#img1, #img2, #Button1").hide(2000); <br>// $("#img1, #img2, #Button1").show(2000 ); //すべての ID は '' のペアで囲む必要があります引用符で囲まれた各 ID の代わりに <br>// //複数のセレクターは、ID、ID、タグ名、クラス名の混合のいずれかになります<br>// $("#img1, #img2, input").hide( 2000); <br>// $("#img1, #img2, input").show(2000); <br>//画像スタイルを変更します<br>$('#Button2').click(function ( ) { <br>// $('#img2').removeClass();// Id が img2 のクラスを削除します Style<br>$('#img2').addClass('imgclass1');// 次に追加します別のスタイルのボタンをクリックして画像を操作しても、画像のスタイルは変更されているため変更されません<br>} ) <br>}) <br>}) <br></script> ; <BR></head> <br><table> <br><tr<td<img alt="" id="img1" /1.jpg" class="imgclass" /></td><td><img alt="" id="img2" src="images/2.jpg" class="imgclass" /> ;</td></tr> <br><tr><td><img alt="" id=" img3" src="images/3.jpg" class="imgclass" /> ;</td><td><img alt="" id="img4" src="images/4.jpg" class="imgclass" /></td></tr> 🎜><tr><td></td><td> <br><input id="Button1" type= "button" value="クリックしてください" /></td> ;/tr> <br><tr><td></td><td> <input id="Button2 " type="button" value="コントロール スタイルの変更" /></ td></tr> <br></body> <br><br> </div>
