JQuery의 초학 노트--원생 JS와의 차이
2254 단어 JavaScriptjquery
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 대상에 연결되면 모든 내용 (창, 프레임, 대상, 이미지 등 포함) 을 불러온 후에 터치하고, 원소에 연결되면 원소의 내용을 불러온 후에 터치합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.