Jquery 동년배 요소 선택/선택 되 지 않 은 인 스 턴 스 코드

3166 단어 Jquery원소효과.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Jquery / </title> 
    <script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> 
    <script type="text/javascript"> 
        function selectchange(tempid) { 
            var alink = $("#linktable").find("span"); 
            alink.each(function () { 
                $(this).removeClass("templinkactive").addClass("templink"); 
            }); 
            $("#alink" + tempid).removeClass("templink").addClass("templinkactive"); 
        } 
    </script> 
    <style type="text/css">  
    .templinkactive 
    { 
        padding:5px; 
        text-decoration:none; 
        background-color:  #2788DA; 
        color:#ffffff; 
    } 
    .templink 
    { 
        cursor:pointer; 
        padding:5px; 
        text-decoration:none; 
    }     
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <table width='100%' id="linktable"> 
        <tr> 
            <td> 
                <span id="alink001" class='templink'  onclick="javascript:selectchange('001');"> 
                    001( )</span> 
            </td> 
        </tr> 
        <tr> 
            <td> 
                <span id="alink002" class='templink'  onclick="javascript:selectchange('002');"> 
                    002( )</span> 
            </td> 
        </tr> 
        <tr> 
            <td> 
                <span id="alink003" class='templink'  onclick="javascript:selectchange('003');"> 
                    003( )</span> 
            </td> 
        </tr> 
        <tr> 
            <td> 
                <span id="alink004" class='templink'  onclick="javascript:selectchange('004');"> 
                    004( )</span> 
            </td> 
        </tr> 
        <tr> 
            <td> 
                <span id="alink005" class='templink'  onclick="javascript:selectchange('005');"> 
                    005( )</span> 
            </td> 
        </tr> 
    </table> 
    </form> 
</body> 
</html> 

좋은 웹페이지 즐겨찾기