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

calendar

 «  » 2025.1
일 월 화 수 목 금 토
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. 13:09 .Net Project/Jquery 1.3.2

07장 JQuery메서드 체인 (Method Chane)

반응형
MethodChange.htm 실행 파일  
 
 MethodChane.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>06장 메서드 체인 (Method Chane)</title>

   

    <style type="text/css">

        .redColor { color : Red;}

        .blueColor { color : Blue;}

   

    </style>

    //JQuery 사용하기 위해서 필수 적으로 사용해야 가능

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

    <script type="text/javascript">

        $(document).ready(function () {

            $('td:contains("RedPlus")') 
            .siblings() 
            .addClass("redColor") 
            .parent() 

            .find('td:eq(0)') 
            .addClass('blueColor'); //RedPlus : Blue 로¤I

 

        }

        );

   

    </script>

 

</head>

<body>

    <table border="5">

        <tr>

            <td>NickName</td> <td>닉네임</td> <td>비고</td>

        </tr>

       

        <tr>

            <td>RedPlus</td> <td>레드플러스</td> <td>닷넷</td>

        </tr>

       

        <tr>

            <td>Hawaso</td> <td>하와소</td> <td>강의</td>

        </tr>

    </table>

 

</body>

</html> 






반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

09장 JQuery 바인딩 (Bind)  (0) 2009.11.06
08장 DOM 요소 가져오기 (DOM)  (0) 2009.11.06
06장 JQuery특정 단어 검색 (Contains)  (0) 2009.11.05
05장 JQuery 짝수테이블 배경색 변경 (EvenOdd)  (0) 2009.11.05
04장 JQuery 정규표현식 셀렉터(RegSelector)  (0) 2009.11.05
posted by Magic_kit
2009. 11. 5. 13:04 .Net Project/Jquery 1.3.2

06장 JQuery특정 단어 검색 (Contains)

반응형
Contains.실행파일 
 
 Contains.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>특정 단어 검색 (Contains)</title>


    <style type="text/css">

        .redColor { color:Red; background-color:Yellow }

    </style>

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

    <script type="text/javascript">

        $(document).ready(function () {

          $("td:contains('RedPlus')").addClass("redColor");

        });  

       

    </script>

</head>

<body>

    <table>

        <tr>

            <td>RedPlus</td>

        </tr>

       

        <tr>

            <td>Agent</td>

        </tr>

    </table>

 

</body>

</html>






반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

08장 DOM 요소 가져오기 (DOM)  (0) 2009.11.06
07장 JQuery메서드 체인 (Method Chane)  (0) 2009.11.05
05장 JQuery 짝수테이블 배경색 변경 (EvenOdd)  (0) 2009.11.05
04장 JQuery 정규표현식 셀렉터(RegSelector)  (0) 2009.11.05
03장 JQuery Selector 활용  (0) 2009.11.05
posted by Magic_kit
2009. 11. 5. 11:48 .Net Project/Jquery 1.3.2

05장 JQuery 짝수테이블 배경색 변경 (EvenOdd)

반응형
EvenOdd 짝수 테이별 배경색 변경 실행 파일  
 

 EvenOdd.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>


    <style type="text/css">

        .redColor { background-color:Red;}

        .blueColor { background-color:Blue;}

    </style>


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

    <script type="text/javascript">

        $(document).ready(function () {

          

            $('tr:odd').addClass('redColor');

 

            $('table tr:even').addClass('blueColor');

        } );

   

    </script>

</head>

<body>

<table border="1">

    <tr>

        <td>Windows Server(번째: 짝수)</td>

    </tr>

   

    <tr>

        <td>SQL Server</td>

    </tr>

   

    <tr>

        <td>DotNetNuke Portal</td>

    </tr>

   

    <tr>

        <td>Media Server</td>

    </tr>

</table>

</body>

</html>




반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

07장 JQuery메서드 체인 (Method Chane)  (0) 2009.11.05
06장 JQuery특정 단어 검색 (Contains)  (0) 2009.11.05
04장 JQuery 정규표현식 셀렉터(RegSelector)  (0) 2009.11.05
03장 JQuery Selector 활용  (0) 2009.11.05
02장 JQuery 활용 (HelloWord 출력)  (0) 2009.11.05
posted by Magic_kit
2009. 11. 5. 11:47 .Net Project/Jquery 1.3.2

04장 JQuery 정규표현식 셀렉터(RegSelector)

반응형
 RegSelector 실행파일

 

 RegSelector.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>정규표현식(RegSelector)</title>


    <style type="text/css">

        .red { color:Red;}

        .green { color:Green;}

        .silver { color:Silver;}

    </style>

   

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

    <script type="text/javascript">

        $(document).ready(function () {

 

$("a[href *= 'dotnet']").addClass('red');

 

$('a[href$="aspx"]').addClass("green");


jQuery("a[href^='mailto:']").addClass('silver');

 

        }

        );

    </script>

</head>

<body>

    <a href="http://www.dotnetkorea.com">닷넷코리아</a>

    <a href="http://www.VisualAcademy.com/Default.aspx">비주얼</a>

    <a href="mailto:redplus@hawaso.com">이메일</a>

     <a href="http://www.silverlight.com">닷넷실버라이트</a>

 

</body>

</html> 







반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

06장 JQuery특정 단어 검색 (Contains)  (0) 2009.11.05
05장 JQuery 짝수테이블 배경색 변경 (EvenOdd)  (0) 2009.11.05
03장 JQuery Selector 활용  (0) 2009.11.05
02장 JQuery 활용 (HelloWord 출력)  (0) 2009.11.05
01장 JQuery 이해  (0) 2009.11.05
posted by Magic_kit

티스토리툴바