ホームページ > 記事 > ウェブフロントエンド > jqueryで要素を生成する方法
#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。 推奨: 「jquery で要素を生成する方法: 1. コード [$("html code")] を追加します; 2. html 関数を使用します. html 関数は要素内の html コードを変更し、要素を作成できます。
jquery ビデオ チュートリアル 」
jquery で要素を生成する方法:
要素の作成方法 1:$("html code")
例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>title</title> <style> div { width: 300px; height: 200px; border: 1px solid red; } </style> <script src="jquery-1.12.1.js"></script> <script> $(function () { //点击一个按钮,创建一个按钮 $("#btn").click(function () { $("<input type='button' value='按钮'>").appendTo($("#dv")); }); //元素创建的另一个方式 $("#btn").click(function () { //通过innerHTML的方式创建元素---以字符串的方式 $("#dv").html("<input type='button' value='按钮'>"); }); }); </script> </head> <body> <input type="button" value="创建一个按钮" id="btn"/> <div id="dv"> 小苏凑合有点帅吧 </div> </body> </html>
関連する無料学習の推奨事項:JavaScript(ビデオ)
以上がjqueryで要素を生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。