Javascript & JQuery & CSS

jquery 를 사용하면 가장 편리한 것이 특정 요소로 바로 찾아 가는 기능이다.

보통 리스트중 현재 클릭한 것은 열고 다른 것은 닫게하는(자주묻는 질문과 같은)데 이런 요소는 편리성을 준다.
 

		$(".submenu").hide();

		$(".btn_click").click(function(i){			
			$(".submenu").hide();
			$(".submenu").eq($(".btn_click").index(this)).show(); //메서드
		});

상기는 메뉴를 클릭하면 해당 설명이 뜨는 간단한 예제입니다. 
    
예전 같으면 for 문을 돌려야 했던것인데..

설명:
$(".btn_click").index(this); 현재값이 btn_click 에서 몇번째 인수인지 가져온다.

$(".submenu").eq(인덱스값) : 특정인덱스에 있는 요소 가져오기

사용방법은 여러가지가 있지만, 아래처럼 사용하면 리턴되는 index 값은 0 부터 시작된다.

$(".btn_click").index(this);


아래 방법은 3부터 시작되는거 같다... 이상타.....

$(this).index();
 

		$(".example2 fieldset label").mouseenter(function() {
			//idx = $("label").index(this);
			idx = $(this).index("label");
			value1 = $('input[type=checkbox]').eq(idx).attr('value');

			alert("idx : "+ idx +" , "+"value : "+ value1);
		});