JQuery와 자바 스크립트 테스트
테스트 자바 스크립트 프레임 워크 라이브러리 - jQuery를
참고 jQuery를
자바 스크립트 라이브러리를 테스트하려면 웹 페이지에서 참조 할 필요가있다.
라이브러리를 참조하려면, 그 SRC 속성의 URL 라이브러리로 설정 <script> 태그를 사용합니다 :
참고 jQuery를
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
jQuery를 설명
주된 기능은 jQuery를 $ () 함수 (jQuery를 함수)이다. 당신은 기능을 추가 할 jQuery를 함께 jQuery 오브젝트를 반환하는 함수에 DOM 객체를 전달합니다.
jQuery를 CSS 선택기는 요소를 선택할 수 있습니다.
자바 스크립트에서는 창로드 이벤트를 처리하는 기능을 할당 할 수 있습니다 :
자바 스크립트있어서
{
VAR OBJ = document.getElementById를 ( "H01 ');
obj.innerHTML = "안녕하세요 jQuery를";
}
온로드 = myFunction이;
등가 jQuery를 다릅니다 :
jQuery를 방법 :
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
위의 HTML DOM 문서 객체가 jQuery를에 전달되는 코드의 마지막 줄 : $ (문서).
당신이 jQuery를에 DOM 객체를 전달하면, jQuery를는 HTML DOM 개체 포장의 jQuery 객체로 돌아갑니다.
jQuery를 기능) (준비는 방법이고, 새로운 jQuery를 개체를 반환합니다.
이 함수는 자바 스크립트의 변수, 그래서 당신은 넣을 수 있기 때문에 myFunction이는 jQuery를 준비 방법에 인수로 전달.
 | jQuery를가 DOM 객체는 다른 통과, jQuery 오브젝트를 돌려줍니다. JQuery와 개체 속성 및 방법은 다른 DOM 객체로,이 있습니다. 당신은 jQuery 오브젝트에 HTML DOM의 속성과 메서드를 사용할 수 없습니다. |
|---|
테스트 jQuery를
다음 예제를 시도하십시오 :
예
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
»시도
이 예에서 다시 시도하십시오 :
예
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
»시도
위의 예에서 볼 수 있듯이, jQuery를 링크 (체인 구문을) 할 수 있습니다.
링크 (체이닝)는 같은 피사체 편리한 방법에서 여러 작업을 수행하는 방법이다.
당신은 더 많은 것을 배울 필요가? 이 튜토리얼은 당신에게 훌륭한 제공 jQuery를 자습서를 .