JQuery入門

2848 ワード
jquery テキストリンク
初めて聞いたJQueryの勉強を始めました.JQueryはあらかじめ作成しておくと便利なjsだそうです.これは図書館とも呼ばれます.jsコードに比べて、jQueryは確かに短くて簡単に見えます.
JQueryの作成に必要な2つのこと
1.JQueryに書き込むにはインポートする必要があります!次のコードを書けばいいです.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
  • JQueryを操作するには、指摘できるものが必要です!CSS選択資料はclass、JQueryはid!
    • <input id="input-q1" type="text" />
    今JQueryを書きたいところがあれば、IDで特定のボタン、入力ボックス、divなどを指し、準備完了!
    JQueryの適用
    まずid値で指示し、必要な方法を使用します.
    $('#input-q1'). //val(), hide(), show() etc.
    1)val()-指定した値を取得
    $('#input-post-url').val();
    // input box면 새로운 택스트를 입력할 수 있다
$('#input-post-url').val('새로운 택스트 입력!!');
    2)hide()/show()-非表示/表示(div)
    $('#div-post-box').hide(); // css의 display 값을 none으로 바뀜
$('#div-post-box').show(); // css의 display 값을 block으로 바뀜
    指すところを見ると、displayはblockで、見えないならnone
    $('#div-post-box').css('display'); // display가 block인지 none인지 체크
    3)text()-指す場所のスタックを変更できます
    // 포스팅 박스 열기 --> 포스팅 박스 닫기
$('#btn-posting-box').text('포스팅 박스 닫기');
    最初はほとんど理解できなかったが、自分でやってから難しくなかった.いつ何を書くか知っていれば、文法を覚えるのは簡単です.
    困難なのはサーバ-クライアント通信です.
    TIL関数とCalback関数
    JAvascript#3条件文、演算子