[SSAC第3期]-第4週-(3)
😻Javascript
バニラJavaScriptとは、プラグインやライブラリを使用しない純粋なJavaScriptのこと.(I like it)
セレクトプログラム
①idで近づける(1つのみ)
let select = document.getElementByld("id").innerHTML.trim() = "안녕";
この問題を解決するためにtrim()を用いて空白を除去した.
let select2 = document.getElementsByClassName("class")[0].innerText;
innerText出力テキスト
③nameでアクセス(複数ある場合があります)
let select3 = document.getElementsByName("name")[0].value;
let select4 = document.getElementsByTagName("div");
⑤cssに基づく選択者の最初の要素
let select5 = document.querySelector();
⑥cssセレクタに適合する全ての要素をnodeListに変換let select6 = document.querySelectorAll();
子供、子孫、親を選ぶ方法
<div class="parent">
<div class="child1">
자식1
</div>
<div clas="child2">
자식2
</div>
<div>
①子どもの選択 let children = documentsByClassName("parent ")[0].children
②子孫の選択 let children2 = documentsByClassName("parent")[0].children[0].children;
③親を選ぶ let parent = document.getElementsByClassName("child1")[0].parentElement;
😹jQuery
HTMLのDOM操作、イベント制御、アニメーション、Ajaxを含むJavaScriptライブラリ.(i don't like it)
セレクトプログラム
①IDで近づける
let select = $('#id');
②等級別接近let select = $('.class');
③ラベルアクセスlet select = $('p');
④快速接近let = select1 = $('[ value ]');
let = select2 = $('[ value = 'zero' ]');
子供、親の選び方
<div class="parent">
<div class="child1">
자식1
</div>
<div clas="child2">
자식2
</div>
<div>
①子どもの選択 let children = $(".parent").chidren();
②親を選ぶ let parent = $(".childern").parent();
後で更新します📚課題
<練習-2番目のクエリーを使用してスケジューラを作成(追加、削除、変更)
🦈授業の後
javascriptについての事前知識ですが、予習していない学生たちはついていけない授業かもしれませんが、授業はちょっと散漫?!やったようだ(みんな共感しているはずなのに)
そして、私はずっとjsクエリーの必要性を排除して、バニラjsとreactに焦点を当てただけで、私はそれがガイドバーのように使うだけだと知っていますが、今回の機会、私はjsクエリーを通じて自分で実践して、jsとの違いを理解して、主に誰が、どのように使うかを理解しました.
jquery、jsとはいつも混同されていますが、😭
Reference
この問題について([SSAC第3期]-第4週-(3)), 我々は、より多くの情報をここで見つけました https://velog.io/@realdevelope/SSAC-3기-4주차-3テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol