[SSAC第3期]-第4週-(3)


😻Javascript


バニラJavaScriptとは、プラグインやライブラリを使用しない純粋なJavaScriptのこと.(I like it)

  • セレクトプログラム
    ①idで近づける(1つのみ)
    let select =  document.getElementByld("id").innerHTML.trim() = "안녕";
  • innerHTMLにはvscウィンドウのタブとenterスペースが含まれます
    この問題を解決するためにtrim()を用いて空白を除去した.
  • ②等級別接近(複数可)
    let select2 = document.getElementsByClassName("class")[0].innerText;
  • 配列なので、[0]のようにインデックスを作成する必要があります:
  • innerHTML出力ラベル(タブを含むHTML形式-スペース)
    innerText出力テキスト
  • のみ
    ③nameでアクセス(複数ある場合があります)
    let select3 = document.getElementsByName("name")[0].value;
  • 配列なので、[0]のようにインデックスを作成する必要があります:
  • ④tagnameでアクセス(複数可)
    let select4 = document.getElementsByTagName("div");
  • 配列なので、[0]のようにインデックス
  • を作成する必要があります.
    ⑤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番目のクエリーを使用してスケジューラを作成(追加、削除、変更)
  • 「日付」と「保留中」を入力する入力ウィンドウを作成します.
  • を押してボタンを入力すると、対応する「日付」に「保留事項」を追加します.
  • を押して隣の削除ボタンを入力し、その日付のすべてのスケジュールを削除します.
  • カレンダの変更ボタンを押すと、変更の入力と変更ボタンが表示されます.
  • 4の修正ボタンを押すとストロークを修正でき、入力ウィンドウは表示されません.
  • ストロークの横にある削除ボタンを押して、そのストロークのみを削除します.
  • 🦈授業の後


    javascriptについての事前知識ですが、予習していない学生たちはついていけない授業かもしれませんが、授業はちょっと散漫?!やったようだ(みんな共感しているはずなのに)
    そして、私はずっとjsクエリーの必要性を排除して、バニラjsとreactに焦点を当てただけで、私はそれがガイドバーのように使うだけだと知っていますが、今回の機会、私はjsクエリーを通じて自分で実践して、jsとの違いを理解して、主に誰が、どのように使うかを理解しました.
    jquery、jsとはいつも混同されていますが、😭