정리 note

var box = $('#wrapper #box');

<div id="wrapper">

<div id="box">

</div>

</div>

---

var showBtn = control.find('> input:eq(0)');

var hideBtn = control.find('> input:eq(1)');

<div id="control">

<input type="button" value="show" />

<input type="button" value="hide" />

</div>

---

var toggleBtn = control.find('> input');

<div id="control">

<input type="button" value="toggle" />

</div>

---

var bigBtn = $('#controller > .big');

var smallBtn = $('#controller > .small');

var leftBtn = $('#controller > .left');

var rightBtn = $('#controller > .right');

<div id="controller">

<input class="big" type="button" value="크고 불투명하게 하기" />

<input class="small" type="button" value="작고 투명하게 하기" />

<input class="left" type="button" value="왼쪽으로 이동 하기" />

<input class="right" type="button" value="오른쪽으로 이동 하기" />

</div>

---

 

banner.eq(current);

banner.size() // banner.length() 

---

#thumbnail .container { overflow: hidden; position:relative; left:33px; width:790px; height:150px;}

- style 속성 overfow:hidden을 적용 : 크기에서 벗어난 자손 엘리먼트에 마스크 효과를 적용

---