[jQuery 배우기] 1、jQuery
최근에 인터넷에서 검색을 하면서 동료에게 물어봤는데 이 코드들이 jQuery라는 것을 알았어요.
그럼 이 jQuery는 뭘까요?
실제로 jQuery는 자바스크립트 프로그래밍을 간소화하는 자바스크립트 라이브러리입니다.
다음은 간단한 jQuery가 작성한 코드입니다.
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p> , !</p>
</body>
</html> </span>
다음은 이 코드에 대한 설명입니다.
1. jQuery를 웹 페이지에 추가하면 다른 프로그래밍 언어의 import 가져오기 기능과 유사하여 뒤에서 코드를 인용할 수 있다.
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
2. 모든 jQuery 코드는 하나의 문서 ready 함수에 있어야 합니다.
$(document).ready(function(){
--- jQuery functions go here ----
});
이 코드를 쓰는 이유는 문서가 완전히 불러오기 전에 아래의 jQuery 코드를 실행하는 것을 방지하기 위해서입니다. 이 때 문서가 완전히 불러오기 전에 조작을 하면 오류가 발생할 수 있기 때문입니다.
3. jQuery 작업 코드를 추가합니다.
$("p").click(function(){
$(this).hide();
});
이 코드는 문서의 모든
요소를 눌렀을 때 눌린 요소를 숨기는 것을 말합니다.
주의해야 할 것은 위의 코드를 html 파일로 저장한 후에 브라우저로 열면 위의 코드는 실제 효과가 없다. 왜냐하면 우리의 기계에는 이 jquery가 없기 때문이다.js라는 코드는 자연히 실제 효과가 없을 것이다.
만약 jQuery를 다운로드하고 저장하기를 원하지 않는다면, 이 코드가 실제적인 효과를 낼 수 있도록 CDN (내용 배달 네트워크) 을 통해 인용할 수도 있습니다.구글과 마이크로소프트의 서버에는 모두 jQuery가 저장되어 있다.
Microsoft:
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
구글:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.