<div class="codetitle"> <span><a style="CURSOR: pointer" data="69097" class="copybut" id="copybut69097" onclick="doCopy('code69097')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code69097"> <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><br>< ;/style> ; <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><script type="text/javascript"> <br> $(function () { <br><br>$('#Button1').click(function () { <br>//id 속성이 있는 모든 요소에 대해 스타일 및 애니메이션 효과 설정<br>// $( 'div[title]').hide(3000); <br>//$('div[title=t1]').hide(3000) <br>//$('div[title!= t1] ').hide(3000); <br>// //t로 시작하는 속성 값<br>//$('div[title^=t]').hide(3000 <br>//$( 'div [title$=1]').hide(3000); <br>//$('div[title*=t]').hide(3000) <br>// //id 값이 시작됩니다. d를 사용하면 제목 값은 3으로 끝납니다. <br>$('div[id^=d][title$=4]').hide(3000) <br>}) <br>}) <br>< ;/script> <br></head> <br><div title="t1">첫 번째 레이어<br><div id= "div2" title="t2">두 번째 레이어<br></div> <br><div id="div3" title="t3">세 번째 레이어<br></div> > <div id="div4" title="t4">네 번째 레이어<br></div> <br><input id="Button1" type="button" value="click" /> ; <br></body> <br></html></div>
