블로그 이미지
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. 11. 10:34 .Net Project/Jquery 1.3.2
반응형


 
 Wrap.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> 검색요소를 특정 태그로 감싸기 </title>

       

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

    <script type="text/javascript">

        $(document).ready(function () {

            //[1] <h3> ...</h3> 태그로 묶자 <u> </u>

            $('h3').wrap("<u></u>");

 

            //[2] 모든 태그를 <li> 묶자
            //[a] 첫번째 링그 앞에 동적으로 삽입

            $('<ol type="1" id="Community"></ol>').insertBefore('a:eq(0)');

            //[b] 모든 링크로 감싸고 태그 추가

            $('a').each(function () {

                $(this).appendTo('#community').wrap('<li></li>');

            }); 

        });       

    </script>

</head>

<body>

    <h3>jQuery UI provides abstractions</h3>

    <a href="http://www.asp.net /">ASP.NET</a>

    <a href="http://www.silverlight.net /">Silverlight</a>

    <a href="http://www.windowsclient.net /">WPF</a>

    <a href="http://www.dotnetkorea.com /">DotNetKorea</a>

</body>

</html> 






반응형
posted by Magic_kit