[jQuery] 막강한 CSS 셀렉터

jQuery는 하나의 셀렉터에서 거의 모든 엘리먼트 조합을 선택할 수 있도록 하는 복잡하고도 완벽한 셀렉터 신택스를 갖고 있다. jQuery의 셀렉터 신택스는 CSS3과 XPath에 기반하고 있다. CSS3과 XPath 신택스를 더욱 잘 안다면, jQuery 사용이 더욱 수월해진다.

// ----------------------------------------------------------
// multiple(selector1, selector2, selectorN)
// ----------------------------------------------------------
$("div,span,p.myClass").css("border","3px solid red");

// ----------------------------------------------------------
// id(id)
// ----------------------------------------------------------
$("#myDiv").css("border","3px solid red");

// ----------------------------------------------------------
// element(element)
// ----------------------------------------------------------
$("div").css("border","3px solid red");

// ----------------------------------------------------------
// class(class)
// ----------------------------------------------------------
$(".myClass").css("border","3px solid red");

// ----------------------------------------------------------
// all
// ----------------------------------------------------------
$("*").css("border","3px solid red");