3일 차: jQuery와 싸우기

Feynman 기술은 어떤 과목을 가르치는 것이 당신을 더 잘하게 만든다고 말합니다. 이것이 제가 여기서 하려고 하는 것입니다. 이 게시물에서 실수를 본 경우 저를 수정할 수 있습니다.

jQuery 소개

자, jQuery가 무엇입니까?
과거에는 브라우저가 웹 사이트에 대해 서로 다른 JS 표준을 설정했습니다. 이는 개발자에게 번거로운 일입니다. 예를 들어, Bing이 내 사이트를 로드할 수 없기 때문에 내 스파게티 코드에 뛰어들지는 않을 것입니다🤣.

jQuery는 더 적은 상용구 코드로 HTML의 요소에 쉽게 액세스할 수 있도록 하기 위한 것입니다. 구문은 매우 간단합니다.

$("#element")

HTML의 요소에 대한 선택기가 있는 달러 기호(또는 가능한 경우 블링). 선택기는 CSS 선택기와 동일한 구문을 사용합니다.

이것을 이 괴물과 비교해 보십시오.

document.getElementById("demo")

어쨌든, 당신은 요점을 이해합니다.

준비되면 로드하세요! 🔫

프로그래머를 위한 특별한 상용구 코드:

$(document).ready(function() {
// stuff you want to do immediately
});

JS 스크립트가 HTML 자체보다 먼저 로드를 마치면 코드를 즉시 실행하면 대혼란이 발생하고 버그가 생성될 것입니다. 이 코드 블록은 document가 먼저 로드되도록 하고 준비가 되면 HTML 파일 로드와 충돌하지 않고 필요한 코드를 실행할 수 있습니다 🤯.

요소에 대한 기능

addClass()

분명히 그것은 요소에 새로운 클래스를 추가합니다.

$("button").addClass("btn btn-primary");

removeClass()

...이것에 대해서는 설명이 필요 없을 것 같습니다.

css(prop, val)

대상 요소에 새 CSS 속성을 추가/수정합니다.

$("h1").css("color", "white");

prop(prop, val)

대상 요소의 HTML 속성을 추가/수정합니다.

$("button").prop("disabled", true);

후기

오늘날에도 많은 일이 이루어지지 않습니다. 마을 전체가 반나절 동안 여러 ISP에 대한 인터넷 연결이 끊겼습니다. 과정을 이수하고 이 블로그를 작성하기 위해 시간을 쪼개야 했습니다. 내일은 더 나아지기를 바랍니다. 나중에 봐요👋!

Github에서 저를 팔로우하세요!
또한 !