JQuery의 초학 노트--원생 JS와의 차이

2254 단어 JavaScriptjquery
최근에 JavaScript를 공부하는 것을 모색하면서 W3School에서 원생 JS를 배웠고 나중에 JQuery를 배우기 시작했다. 선입견을 위주로 하는 사상이 나에게 너무 강렬하게 드러났다고 느꼈다. 항상 JQuery를 사용할 때 원생 문법으로 썼는데 JQuery에 대해 익숙하지 않은 것 같다. 고치기 위해 헷갈리기 쉬운 코드를 기록해서 자신을 경고한다.
1. 처음 손에 넣었을 때 JQuery가 가장 편했던 곳
JS:요소 반환
<span style="font-size:14px;">document.getElementById("id");//  id
document.getElementsByTagName("a");//       
document.getElementsByName("name");//    
document.getElementsByClassName("cName");//    </span></span>

JQuery:JS 객체로 돌아가기
<span style="font-size:14px;">$("#id")//  id
$(".cName")   class
$("div")     </span></span>

2. 나는 처음에 가장 쉽게 틀릴 수 있다. 손이 가는 대로 원생을 jQ에 두드린 다음에 문제가 생겨서야 문득 자신이 덜 피었다는 것을 알게 된다.
JS: 쓰지 않음 = "이것은 내용입니다"는text의 내용을 되돌려주고 값을 부여합니다.
<span style="font-size:14px;">document.getElementById("id").innerHTML="    ";</span>

JQuery: 사용법은 위와 같습니다.
<span style="font-size:14px;">$(#id).html("    ");
</span>

3. 며칠 공부한 후에 드디어 문법 문제를 해결하지 못하고 사건에 이르렀다
JS:
window.onload=function(){
	//    
}

이 방법은 웹 페이지의 모든 요소 (요소를 포함한 모든 관련 파일) 를 브라우저에 완전히 불러온 후에야 실행됩니다. 즉, 자바스크립트는 웹 페이지의 모든 요소에 접근할 수 있습니다.만약에 웹 페이지의 사진이 비교적 많으면 또 그림을 조작해야 하며 사용자는 반드시 모든 그림을 불러온 후에야 조작할 수 있다.그리고 중요한 점은 onload 이벤트는 한 번에 한 함수에 대한 인용만 저장할 수 있습니다. 위의 코드를 양쪽으로 작성하면 뒤의 함수는 앞의 함수를 덮어씁니다.
JQuery:
4
$(document).ready()
이 방법은 DOM이 완전히 준비되었을 때 호출될 수 있고 웹 페이지의 모든 요소에 접근할 수 있지만 요소와 관련된 파일이 다운로드되었다는 것을 의미하지는 않는다.
만약 웹 페이지의 그림이 비교적 많으면 DOM이 불러오기만 하면 조작할 수 있으며, 그림이 다운로드될 때까지 기다릴 필요가 없다.또한 여러 함수의 인용을 저장한 다음 함수 순서에 따라 실행할 수 있다.그러나 만약 이 방법에서 그림의 폭을 얻는 것이 정확하지 않을 수 있다면 다른 방법을 썼다
$(window).load(function(){
	//    
});<pre name="code" class="javascript">    
$(function(){
	//    
});

load () 방법은 원소의 onload 이벤트에 처리 함수를 연결합니다. 처리 함수가 window 대상에 연결되면 모든 내용 (창, 프레임, 대상, 이미지 등 포함) 을 불러온 후에 터치하고, 원소에 연결되면 원소의 내용을 불러온 후에 터치합니다.

좋은 웹페이지 즐겨찾기