<div class="codetitle"> <span><a style="CURSOR: pointer" data="69097" class="copybut" id="copybut69097" onclick="doCopy('code69097')"><u>Copy code</u></a></span> The code is as follows:</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"></script> <br><script type="text/javascript"> <br> $(function () { <br><br>$('#Button1').click(function () { <br>//Set styles and animation effects for all elements with id attributes<br>//$( 'div[title]').hide(3000); <br>//$('div[title=t1]').hide(3000); <br>//$('div[title!=t1] ').hide(3000); <br>// //Attribute value starts with t<br>//$('div[title^=t]').hide(3000 <br>//$('div [title$=1]').hide(3000); <br>//$('div[title*=t]').hide(3000); <br>// //The id value starts with d, The title value ends with 3 <br>$('div[id^=d][title$=4]').hide(3000); <br>}) <br>}) <br></script> <br></head> <br><body> <br><div title="t1">First layer<br></div> <br><div id="div2" title="t2">Second layer<br></div> <br><div id="div3" title="t3">Third layer<br></div> <br> <div id="div4" title="t4">The fourth layer<br></div> <br><input id="Button1" type="button" value="click" /> <br></body> <br></html> <br> </div>
