블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Category

Recent Post

Recent Comment

Archive

2009. 11. 5. 11:31 .Net Project/Jquery 1.3.2
반응형
 Selector





 Selector.htm
 

<!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>

    <title>02a Selector</title>

    <script src="jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <style type="text/css">

        .bg { background-color:Yellow;}

        .horizontal { float:left; list-style:none; margin:10px;}

    </style>

    <script type="text/javascript">

        $(document).ready(

            function () {

               $('li > u').addClass('bg');
               $("#myFavorites > li").addClass("horizontal");

              jQuery('#jquery').click(function () {
                                alert(
'
\n'); });

               $('.sil').click(function () { alert(''); });

            }

        );           

    </script>

</head>

<body>

    <h3>E</h3>

    <ul id="myFavorites">

        <li> <u>C#</u> </li>

        <li class="sil">SilverLight</li>

        <li>WPF</li>

        <li>WCF</li>

        <li id="jquery">JQuery</li>

        <li><u>JavaScript</u></li>

       

    </ul> 

</body>

</html> 









반응형
posted by Magic_kit