[jQuery] 제이쿼리 attr() 이해하기

jQuery의  API 인 attr (attribute)를  사용하는 예제 입니다.

<script type="text/javascript">
    $("document").ready(function() {
        $("#example").after("<p id='alts'>");  
        // id=example  뒤에 추가
        $("img").each(function () {
            $("#alts").append($(this).attr("alt") + " ");
        });
        //각 img의 속성을 위 alts에 추가 

        $("a").attr("title", "00작가의 사진 ");
        // a 태그에 타이틀을 "00작가의 사진 " 추가
        $("a").attr("target", "_blank");
        // a 태그에 target 을 팝업창으로
        $("a").removeAttr("href");
        // a 태그에 링크 속성 제거
        $("img").attr({ src: "images/Spring.jpg",
                        title: "Spring all the things~~~~~"});
        // 여러개의 속성을 부여하는것
    });
</script>

[html]

<div id="example">
    <a href="images/Grass.jpg">
        <img src="images/Grass.jpg" alt="Grass" /></a>
    <a href="images/Leaf.jpg">
        <img src="images/Leaf.jpg" alt="Leaf" /></a>
    <a href="images/Spring.jpg">
        <img src="images/Spring.jpg" alt="Spring" /></a>
    <a href="images/Water.jpg">
        <img src="images/Water.jpg" alt="Water" /></a>
</div>