블로그 이미지
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. 6. 14:20 .Net Project/Jquery 1.3.2
반응형
 Filter.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>Filter() 필터 활용 </title>

    <style type="text/css">

        .redBorder { border:solid 1px red;}

        .five { border-width:5px;}

    </style>

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

    <script type="text/javascript">

        $(document).ready(function () {

            $('img').addClass('redBorder')
            //닷넷 title만 뽑아서 five 클래스 적용

            .filter('[title*=DotNet]').addClass('five'
            .end() //부모로 부터 다시 이동
            .filter('[alt*=디드]').removeClass ('redBorder');

         });

    </script>

</head>

<body>

 

<img src="../Image/11.PNG" title="DotNet" alt="DotNet" />

<img src="../Image/12.PNG" title="ASP.NeT" alt="DotNet" />

<img src="../Image/8.PNG" title="HTML" alt="임베디드" />

 

</body> 

</html>






반응형
posted by Magic_kit