jquery 기본사항 selectors
jQuery Element Selectors$("p") => 모든 <p> 엘리먼트를 반환합니다.
$("p.intro") => 모든 <p> 엘리먼트에서 class="intro" 인것을 반환합니다.
$("p#demo") => 모든 <p> 엘리먼트에서 id="demo" 인것을 반환합니다.
jQuery Attribute Selectors
엘리먼트의 속성을 찾을때 jQuery에서는 XPath 방식의 스타일을 사용할 수 있습니다.
$("[href]") => href 속성을 가지고 있는 모든 엘리먼트가 반환됩니다.
$("[href='#']") => href의 값이 '#'인 엘리먼트가 반환됩니다.
$("[href!='#']") => href의 값이 '#'가 아닌 엘리먼트가 반환됩니다.
$("[href$='.jpg'") => href의 값에 '.jpg'가 포함되어 있는 엘리먼트가 반환됩니다
$("p.intro") => 모든 <p> 엘리먼트에서 class="intro" 인것을 반환합니다.
$("p#demo") => 모든 <p> 엘리먼트에서 id="demo" 인것을 반환합니다.
jQuery Attribute Selectors
엘리먼트의 속성을 찾을때 jQuery에서는 XPath 방식의 스타일을 사용할 수 있습니다.
$("[href]") => href 속성을 가지고 있는 모든 엘리먼트가 반환됩니다.
$("[href='#']") => href의 값이 '#'인 엘리먼트가 반환됩니다.
$("[href!='#']") => href의 값이 '#'가 아닌 엘리먼트가 반환됩니다.
$("[href$='.jpg'") => href의 값에 '.jpg'가 포함되어 있는 엘리먼트가 반환됩니다
$("ul li:first") => 이놈은 무엇을 의미 할까요? 이놈의 의미는 모든 ul 엘리먼트의 자식엘리먼트중 첫번째 li 엘리먼트들만을 반환합니다. 대단하죠...
$("div#intro .head") => 이놈은 <div id="intro" class="head"> 인놈을 콕 찍어서 찾아올수 있습니다.
댓글
댓글 쓰기
질문이나 의견은 요기에 남겨주세요 ^^,,