1. ホーム
  2. ジャバスクリプト

[解決済み】jQueryで新しい要素を作成する好ましい方法

2022-04-01 04:19:35

質問

を作成する方法は2つあります。 <div> を使って jQuery .

どちらかです。

var div = $("<div></div>");
$("#box").append(div);

または

$("#box").append("<div></div>");

第二の方法の欠点は、再利用性以外に何かありますか?

解決方法は?

最初のオプションは、より柔軟性があります。

var $div = $("<div>", {id: "foo", "class": "a"});
$div.click(function(){ /* ... */ });
$("#box").append($div);

そしてもちろん .html('*') が内容を上書きするのに対して .append('*') しかし、これはあなたの質問ではないでしょう。

もう一つの良い習慣は、jQuery変数の前に $ :

jQueryで$を変数に使うのは何か特別な理由があるのでしょうか?

を引用符で囲むと "class" というプロパティ名を使用すると、柔軟性の低いブラウザとの互換性が高くなります。