$("document").ready( function(){ // 페이지가 로드완료된후 곧바로 타는 함수 <body onload="">와 비슷
}
[엘리먼트선택 표현식]
$("#ElementID") // document.getElementById("ID") 를 줄여준 표현식
$("ElementName") // document.getelementByTagName("Name") 을 줄여준 표현식
$(".ClassName") // Page내의 지정한 클래스명들을 수정가능
$(“Parent > Child”) // Parent 의 하위 Child들을 선택
[속성*attribute]
$("").attr("title") //지정한 엘리먼트의 title 값을 가져온다
$("").attr("title","NOW") //지정한 엘리먼트의 title 값을 NOW로 지정한다
$("").attr( { "title" : "나쁜아이", "alt" : "착한아이" } ) //지정한엘리먼트의 title값과 alt값을 지정한다
[효과*effect]
$("").show() //지정엘리먼트를 show 시켜준다
$("").hide() //지정엘리먼트를 hide 시켜준다
$("").toggle() //지정엘리먼트가 show 면 hide로. hide면 show 로 반대로 바꿔준다.
$("").slideUp(); //선택한 엘리먼트를 위로 미끄러지듯이 사라지게 한다.
$("").slideDown();//선택한 엘리먼트를 아래로 미끄러지듯이 나타나게 한다.
$("").slideToggle();//slideUp과 slideDown의 효과를 상태값에 따라 적용한다.
//함수의 인자값으로 slow, normal, fast 또는 밀리세컨드의 숫자 타입을 전달해 해당 효과의 시간을 지정할 수 있다
$("").fadeIn();//선택한 엘리먼트를 서서히 나타게 한다.
$("").fadeOut();//선택한 엘리먼트를 서서히 사라지게 한다.
$("").fadeTo(1000, 0.5);//선택한 엘리먼트를 원하는 투명도로 조절한다.
//fadeTo() 함수는 원하는 투명도값을 설정하는 역할을 한다. Opacity의 값은 0~1까지의 값을 취하며 값이 0에 가까울수록 엘리먼트가 투명해 진다.
$("#img1").fadeIn();//선택한 엘리먼트를 서서히 나타게 한다.
$("#img1").fadeOut();//선택한 엘리먼트를 서서히 사라지게 한다.
$("#img1").fadeTo(1000, 0.5);//선택한 엘리먼트를 원하는 투명도로 조절한다.
// Opacity의 값은 0~1까지의 값을 취하며 값이 0에 가까울수록 엘리먼트가 투명해 진다.
$("#img1").animate().({width:"50%", opacity:0.3},5000);
//5초동안 선택한 이미지의 크기를 50%로 줄이고 투명도를 0.3으로 설정한다.
$("#img1").animate().({width:"100%", opacity:1},5000);
//5초동안 선택한 이미지의 크기를 100%로 늘리고 투명도를 1로 설정한다.
$("#img1").animate({ width: "50%", opacity: 0.5 }, 5000)
.animate({ width: "480px", opacity: 1 }, 5000);
//메소드연결을 이용하여 두가지 효과를 적용한다.(왼쪽에서 차례대로 실행된다.)
추천 : 