Menu

TOP Notice Topic Cord self-introduction Guide Lines

Manage

Login
Cord > Study_Web 전체 다운로드
파일 목록
Study_Web > 이후/jquery/ex11-6.html Lines 37 | 1.0 KB
다운로드 

                        <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery.js"></script>
    <script>
        $(function () {                         //변수라서 괄호를 쓴 것 제쿼리는 ""정상적으로 씀
            var style_1 = {
                "background-color": "#0ff",
                "border": "2px solid #f00"
            }
            var style_2 = {
                "background-color": "#ff0",
                "border": "2px dashed #f00"
            }
            $(".txt").prev().css(style_1);
            $(".txt + p").css(style_2);
            $(".txt").next().next().css(style_2);
        });
    </script>
</head>

<body>
    <div id="wrap">
        <h1>인접 관계 선택자</h1>
        <p>내용1</p>
        <p class="txt">내용2</p>
        <p>내용3</p>
        <p>내용4</p>
    </div>
</body>

</html>