[jQuery] .attr() 속성 정리 (여러속성 한번에 추가, 한번에 id추가, 체크박스 표시여부)

체크박스 표시여부 가져오기

$(elem).attr("checked"); // checked를 리턴 (String)
$(elem).prop("checked"); // true를 리턴 (Boolean)
$(elem).is(":checked"); // true를 리턴 (Boolean)

 

요소에 여러 속성 한번에 추가하기

$("#testPhoto").attr({
	alt : "set alt attrbute",
	title : "set title attrbute"
})

※ 속성 이름을 따옴표로 묶는것은 선택사항이다. 

$("#testPhoto").attr({
	"alt" : "set alt attrbute",
	"title" : "set title attrbute"
})

 

연속된 요소에 한번에 id 추가하기

<ul id="wrap">
   <li>apple : <span></span></li>
   <li>banana : <span></span></li>
   <li>carrot : <span></span></li>
</ul>

<script>
$("#wrap li")
  .attr("id", function(arr){
      return "id_" + arr;
  })
  .each(function(){
      console.log(this); // 각 li에 대한 정보
      $("li", this).attr("id", this.id); // 각 li에 id추가
      $("span", this).html(this.id); // 화면 출력용
});
</script>

결과화면

 

 

 

 

참고 jQuery 공식 문서 : https://api.jquery.com/attr/