지금 jQuery의 핵심 기능을 알아보세요.
jQuery(표현식,[컨텍스트])
이 함수는 CSS 선택기가 포함된 문자열을 가져와서 이 문자열을 사용하여 요소 집합을 일치시킵니다.
jQuery의 핵심 기능은 이 기능을 통해 구현됩니다. jQuery의 모든 것은 이 함수를 기반으로 하거나 어떤 방식으로든 이 함수를 사용합니다. 이 함수의 가장 기본적인 용도는 표현식(보통 CSS 선택기로 구성됨)을 전달한 다음 이 표현식을 기반으로 일치하는 모든 요소를 찾는 것입니다.
기본적으로 context 매개변수가 지정되지 않은 경우 $()는 현재 HTML 문서에서 DOM 요소를 검색합니다. DOM 요소 세트 또는 jQuery 객체와 같은 context 매개변수가 지정된 경우 이 컨텍스트에서 검색합니다. (jQuery API에서 발췌)
더 이상 고민하지 않고 예시를 살펴보겠습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http ://www.w3.org/1999/xhtml"><head><title>Hello World jQuery</title><style>.showtext{ 배경:#999999; 색상:#990000; 글꼴 무게:800; 너비 :auto; 높이:40px;}.showtext3{ 배경:#0000FF; 글꼴-무게:600; 자동; 높이:30px;}</style><script type="text/javascript" ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; 글꼴 크기:18px; 글꼴 계열:' New宋体'">의도하지 않은 JQuery 테스트!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="Hello World jQuery로 내용을 수정하세요!" /> <input id="btnChange2" type="button" value="내용을 수정하세요!" 의도하지 않은 JQuery 테스트!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("slow")}); $("#btnChange").bind ("클릭", function(event) { $("#divMsg").html("Hello World jQuery!"); }); $("#btnChange2").bind("click",function(event){ $(" #divMsg").html("본의 아니게 JQuery 테스트 중!!");});</script> <h4>그럼 QQ 선배 그룹 67221760(주식 거래 그룹)을 소개하겠습니다! </h4> <div><p>오늘은 회사에 늦었어요! </p></div><div></div><div><p>하지만 블로그는 제 시간에 맞춰야 해요</p></div><div><p>공제해도 상관없어요 급여</p> </div><span>9999999999999999999</span><span class="showtext2">3333333333333333333</span><script 언어="javascript">$( function() { //모든 범위 일치 elements, var showText= $("span"); //모든 범위 요소에 클래스 속성 추가 showText.addClass("showtext") //div에서 p를 포함하는 모든 요소 일치 var selectDiv=$("div p" ); //showtext의 콘텐츠 할당 showText.text("93번 버스가 오지 않으면 어떻게 해야 하나요?"); //selectdiv 요소에 클래스 속성을 추가합니다. selectDiv.addClass("showtext3") // CSS 클래스 이름을 통해 요소 선택 var selectByClass=$ (".showtext2"); selectByClass.text("먼저 제가 아주 일찍 일어났다는 것을 말씀드리겠습니다.")</script></body></html>