jQuery2018. 6. 17. 03:31

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



$("#example").after("<p id='alts'>");     //id=example 뒤에 추가

$("img").each(function () {     //각 img의 속성을 위 alts에 추가

$("#alts").append($(this).attr("alt") + " ");

});

$("a").attr("title", "title_exam");

$("a").attr("target", "_blank");
$("a").removeAttr("href");
$("img").attr({ src: "img/test.jpg", title: "Test Photo"});   //다중 속성 부여


$('.header-search form input.form-control').attr('placeholder', '상품명을 입력하세요');


※ 출처: 남다른 캐나다 - [jQuery] 제이쿼리 attr() 이해하기 : http://farcanada.tistory.com/entry/jQuery-제이쿼리-attr-이해하기

Posted by cpu21