<div class="codetitle"> <span><a style="CURSOR: pointer" data="26069" class="copybut" id="copybut26069" onclick="doCopy('code26069')"><u>复代码码</u></a></span> 代码如下:</div> <div class="codebody" id="code26069"> <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><머리> <br><title>jQuery 사건해결</title> <br><style type="text/css"> <br>.divFrame{ 너비:260px; 테두리:1px 솔리드 #666; 글꼴 크기:10px } <br>.divTitle{ 배경색:#eee; 패딩:5px} <br>.divContent{ 패딩:5px; 디스플레이:없음} <br>.divCurrColor{ background-color:Red} <br></style> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(function(){ <br>$('.divTitle').click(function () { <br>$('.divTitle').addClass('divCurrColor') <br>.next(' .divContent').css('display','block') <br>}) <br>}) <br></script> <br></head> <br><본문> <br><div class="divFrame"> <br><div class="divTitle">主题</div> <br><div class="divContent"> <br><a href="图文设置.htm">图文设置</a><br /> <br><a href="展开图文과收缩图文.htm">펼침 사진과 사진</a><br /> <br></div> <br></div> <br></body> <br></html> <br> </div> <br>实现以下效果 <br><img src="http://files.jb51.net/file_images/article/201306/201306181720332.gif?201351817211" alt="Jquery 이벤트 연결 사용 example_jquery" > <br>点击它，会显示如下效果 <br><img src="http://files.jb51.net/file_images/article/201306/201306181721193.gif?2013518172132" alt="Jquery 이벤트 연결 사용 example_jquery" >
