Menu

TOP Notice Topic Cord self-introduction Guide Lines

Manage

Login
Cord > Study_Web 전체 다운로드
파일 목록
Study_Web > 이후/jquery/ex11-8(2).html Lines 32 | 1.1 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 () {
            $("a[title]").css("background-color", "yellow");
            $("a[href='http://www.mabinogi.com']").css("background-color", "pink");
            $("a[href^='mailto']").css("background-color", "aqua");
            $("a[href$='net']").css("background-color", "purple");
            $("a[href*='google']").css("background-color", "orange");
        });
    </script>
</head>

<body>
    <h1>탐색 선택자</h1>
    <ul>
        <li><a href="http://www.naver.com" title="네이버 이동">네이버</a></li>
        <li><a href="mailto:ciycc@naver.com">관리자에게</a></li>
        <li><a href="http://www.mabinogi.com">mabinogi</a></li>
        <li><a href="http://www.daum.net">다음</a></li>
        <li><a href="http://www.google.com">구글</a></li>
    </ul>
</body>

</html>