<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 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><br>< ;/style><br><script src="jquery-1.9.1.js" type="text/javascript"><BR><script type="text/javascript"> <BR> $(function () { <br><br>$('#Button1').click(function () { <BR>//id 属性を持つすべての要素のスタイルとアニメーション効果を設定します<BR>// $( 'div[タイトル]').hide(3000); t1] ').hide(3000); <BR>// //属性値は t<BR> で始まります//$('div[title^=t]').hide(3000 <BR>//$( 'div [title$=1]').hide(3000); //$('div[title*=t]').hide(3000); // ID 値が始まりますd の場合、タイトル値は 3 で終わります。<BR>$('div[id^=d][title$=4]').hide(3000) <BR>}) <BR>}) <BR>< ;/script> <BR><body> <BR></div> "div2" title="t2">第 2 層<BR></div><BR><div id="div3" title="t3">第 3 層<BR></div> > <div id="div4" title="t4">4 番目のレイヤー<BR></div> <BR><input id="Button1" type="button" value="click" /> ; <BR><BR><BR></script> </div>
