======jQuery Selectors======
%%'' 요소를 선택할 수 있습니다.\\
$("p")
====예제====
사용자가 버튼을 클릭하면, 모든 ''%%
%%'' 요소들이 숨겨집니다.\\
$(document).ready(function() {
$("button").click(function() {
$("p").hide();
});
});
=====The #id Selector=====
%%jQuery%% ''%%#id%%'' 셀렉터는 %%HTML%% 태그의 id 속성을 사용하여 특정 요소를 찾습니다.\\
\\
id는 페이지 내에서 유일해야 해서, 단 하나의 유일한 요소를 찾으려면 %%#id%% 셀렉터를 사용해야 합니다.\\
\\
특정 id를 가진 요소를 찾으려면, 해시 문자와 %%HTML%% 요소의 id를 차례로 작성하십시오.\\
$("#test")
====예제====
사용자가 버튼을 클릴하면, id="test"를 가진 요소는 숨겨집니다.
$(document).ready(function() {
$("button").click(function() {
$("#test").hide();
});
});
=====The .class Selector=====
%%jQuery%% ''%%.class%%'' 셀렉터는 특정 클래스를 가진 요소를 찾습니다.\\
\\
특정 클래스를 가진 요소를 찾으려면, 마침표 문자(period character)를 먼저 쓴 이후 클래스 이름을 작성하십시오.\\
\\
$(".test")
====예제====
사용자가 버튼을 클릭하면 class = "test"를 가진 요소가 숨겨집니다.\\
$(document).ready(function() {
$("button").click(function() {
$(".test").hide();
});
});
=====More Examples of jQuery Selectors=====
^ Syntax ^ Description ^
^ $("*") ^ 모든 요소들을 선택합니다. ^
| $(this) | 현재의 HTML 요소를 선택합니다. |
^ $("p.intro") ^ class="intro"를 가진 모든
요소들을 선택합니다. ^ | $("p:first") | 첫 번째
요소를 선택합니다. | ^ $("ul li:first") ^ 첫 번째