jQuery 기초 (attr()로 두가지 동시에 접근 / 변경)

by 조쉬 posted Jan 16, 2019
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

가 크게 작게 위로 아래로 댓글로 가기 인쇄 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 
</head>
<body>
 
    <p>
        <a href="http://www.naver.com" title="naver" id="id">naver.com</a>
    </p>
 
    <p>
        <a href="http://www.tutorialspoint.com" id="w3s">tutorialspoint.com</a>
    </p>
 
    <button>href와 title 변경</button>
 
    <script type="text/javascript">
        $(function() {
            $("button").click(function() {
                // $("#id").attr("title", "daum");        // 하나만 변경시
                $("#id").attr({
                    "title" : "daum", // setter
                    "href" : "http://www.daum.net"
                });
 
                $("#id").text("daum.net");
 
                var href = $("#id").attr("href"); // getter
                // alert("href = " + href);
 
                $("#w3s").attr("href", function(i, origValue) {
                    // alert("i = " + i);
                    // alert("origValue = " + origValue);
                    return origValue + "/jsp"; // https://www.tutorialspoint.com/jsp
                });
            });
        });
    </script>
 
</body>
</html>
위로 아래로 댓글로 가기 인쇄

Articles

1 2 3 4 5 6 7 8 9