주요 메소드와 기능

-문서 불러오자마자 실행

$(document).ready(function(){

});

or

$(function(){

});

css(a,b)    -    a:속성 b:값

$("tbody tr:odd").css("background-color","green"); // odd : 홀수번째만 선택

$("tbody tr:even").css("background-color","aqua"); // even : 0포함 짝수번째만 선택

$("tbody tr:eq(1)").css("background-color","red");         // eq() : 직접 선택

$("tbody tr:gt(3)").css("background-color","orange"); // gt() : 작성한 행보다 큰 요소 선택

$("tbody tr:lt(1)").css("background-color","orange"); // lt() : 작성한 행보다 작은 요소 선택

$("tbody tr:contains('박치기')").css("font-size","30px"); // contains() : 해당문자를 포함하는 요소 선택

$("b").prepend("<h2>요소 추가(기존 요소 앞)</h2>");     //prepend();

$("<h2>요소 추가(기존 요소 앞)</h2>").prependTo("b"); // prependTo();

$("b").append("<h2>요소 추가(기존 요소 뒤)</h2>");      //append();

$("<h2>요소 추가(기존 요소 뒤)</h2>").appendTo("b"); // appendTo();

$("#message").wrap("<h2/>");    // wrap(a); 인자에 있는 요소 추가

addClass();    //클래스 추가

removeClass();    //클래스 제거

click(); //클릭 이벤트 처리

dblclick(); //더블클릭 이벤트 처리

keydown(); //키입력 이벤트 처리(누른상태일때 처리)

bind();    // 특정 이벤트 처리(여러 이벤트를 한번에 처리하려고 할 때 사용) ex) bind(click dblclick, function(){//...})

on();    // 동적으로 처리된 이벤트 사용

off();    // 동적으로 처리된 이벤트 제거

isNaN();    // 숫자면 true 숫자 아닌 false

focus(); // 커서 이동

parseInt(); // 숫자로변환

parseFloat();    // 실수로 변환

slideToggle(); // 슬라이드 위 아래로

find(a);    // a에는 요소를 입력하 해당 요소를 선택한다.(선택자기능)

//해당 이벤트 기능 제거

function(event){

event.preventDefault();

}

//이벤트 처리시 어떤 타입인지 알고 싶을때

event.type === mouseenter

이런식으로 type를 사용하면 된다.