<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 전환//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>너비:200px; <br>.imgclass1 <br>{ <br>너비:210px; 250px; <br>} <br></style> <br><script src="jquery-1.9.1.js" type="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, tagname 및 Classname의 혼합일 수 있습니다<br>// $("#img1, #img2, input").hide( 2000); <br>// $("#img1, #img2, input").show(2000) <br>//이미지 스타일 변경<br>$('#Button2').click(function ( ) { <br>// $('#img2').removeClass();//ID가 img2 스타일인 클래스를 삭제<br>$('#img2').addClass('imgclass1');//그런 다음 추가 다시 버튼을 눌러 이미지를 조작하면 이미지의 스타일이 변경되었기 때문에 변경되지 않습니다<br>} ) <br>}) <br>}) <br></script> ; <BR></head> <br><테이블><br><tr><img alt="" id="img1" src="이미지 /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>
