Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

jQueryを使用して
    の下に新しいリスト要素を追加するにはどうすればよいですか？

ul要素の下に新しいリスト要素を追加するには、jQueryのappend（）メソッドを使用します

入力タイプのテキストを最初に設定する

Value: <input type="text" name="task" id="input">

ボタンをクリックするだけで、jQueryのval（）メソッドとappend（）メソッドを使用して新しいリスト要素を追加します。

$('button').click(function() {
   var mylist = $('#input').val();
   $('#list').append('<li>'+mylist+'</li>');
   return false;
});

次のコードを実行して、jQueryを使用して新しいリスト要素を追加する方法を学ぶことができます：<./ p>

例

<!DOCTYPE html>
<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script>
      $(document).ready(function(){
         $('button').click(function() {
            var mylist = $('#input').val();
               $('#list').append('<li>'+mylist+'</li>');
               return false;
            });
         });
   </script>
</head>
<body>
   <form>
      Value: <input type="text" name="task" id="input">
      <button>Submit</button>
      <br>

      <p>Add a value above and click Submit to add a new list.</p>
      <ul id="list">
      </ul>
   </form>
</body>
</html>

  1. JavaScriptを使用して親要素のCSSプロパティを継承するにはどうすればよいですか？

    classList.add（）をappend（）と一緒に使用できます。 document.createElement（）を使用して新しいdivを作成すると、classList.add（）がCSSクラスを追加します。（。classselector）。 例 <html lang="en> <head> <meta charset="UTF-8> <meta name="viewport" content="width=device-width, initialscale=1.0"> &l

  2. Matplotlibを使用してX軸の下に脚注を追加するにはどうすればよいですか？

    matplotlibを使用してX軸の下に脚注を追加するには、 figtext（）を使用できます。 およびtext（） メソッド。 ステップ 図のサイズを設定し、サブプロット間およびサブプロットの周囲のパディングを調整します。 numpyを使用してxおよびyデータポイントを作成します。 numpyを使用してxとyのデータポイントをプロットします。 脚注を配置するには、 figtext（）を使用します x、y位置、ボックスを使用するメソッド プロパティ。 図を表示するには、 show（）を使用します メソッド。 例 import numpy as np import matplotlib.py