.attr()_02

HTML

<div>
  <img src="http://www.jeep.co.kr/17_renegade/images/vlp/Modelizer/limited/2017-Jeep-Renegade-VLP-Modelizer-Side-Profile-Limited.png.image.300.png" alt="Renegade Limited">
  <img src="http://www.jeep.co.kr/17_renegade/images/vlp/Modelizer/longitude/2017-Jeep-Renegade-VLP-Modelizer-Side-Profile-Latitude.png.image.300.png" alt="Renegade Longitude">
  <img id="img03" src="http://www.jeep.co.kr/17_renegade/images/vlp/Modelizer/trailhawk/2017-Jeep-Renegade-VLP-Modelizer-Side-Profile-Trailhawk.png.image.600.png" alt="Renegade trailhawk">
</div>

차 종류 : <p></p>
차 이름 : <p class="txt_03"></p> <p class="txt_04"></p>



<button>1st Button</button>
<button>2nd Button</button>

CSS

img{width:200px}

JavaScript

var alt = $("img:nth-child(2)").attr("alt"); 
$("p").text(alt);


$('#img03').attr({ 
  alt: '레니게이드', 
  title: '레니게이드사진'
});

var img03 = $("#img03").attr("alt"); 
var img04 = $("#img03").attr("title"); 
$("p.txt_03").text(img03);
$("p.txt_04").text(img04);


$("button:gt(0)").attr("disabled","disabled");

/*
$( '셀렉터:gt(숫자)' )  -  기본 사용예
$( '.css_test  img:gt(0)' )  -  클래스명이 css_test 인 요소안의 이미지중 순서가 0 보다 큰것을 찾습니다.
- 순서는 0 부터 시작합니다. 0 보다 큰것은 순서 1에 해당하므로 두번째 것을 찾습니다.
*/