jQueryについて

Question

例えば以下のコードですが、

let testButton = $('<button>',{
            id: 'test',
            text:'押しちゃダメ'
        })

let testButton = $('<button />',{
            id: 'test',
            text:'押しちゃダメ'
        })

<button>とするのと<button />とするのは何が違うのでしょうか？
試しに何回か作ってみましたが、要素などを見ても何も違うところはないように見えます。
特に意味はないのでしょうか？

Comments

[m.ts10806]

タイトルには要件を書いてください。「jQueryについて」とするのであればタグに「jQuery」を追加し、そのうえで何が問題なのか・何が課題かなのかをタイトルにすると良いです（jQueryについての質問が続く場合、同じタイトルになるとどの質問がどの件だったか質問者さん本人でもわかりませんよね？）

[saito3]

次回からそうするようにしたいと思います。

[m.ts10806]

質問は編集できるので適宜ご対応いただければと。

Answer 1

<button>は中身を取る要素ですので、本来は、<button></button>と書くべきところです。

ただ、HTMLを投げた場合の処理はjQuery.parseHTML（リファレンス）に任されていますが、これはタグ1つの場合だけ例外的な動作をするようになっています。

// <tag>や<tag />、<tag></tag>にマッチする正規表現
var rsingleTag = (/^<([a-z][^/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*/?>(?:</\1>|)$/i);

// 中略
jQuery.parseHTML = function(data, context, keepScripts){
  // 中略
        parsed = rsingleTag.exec(data);
        scripts = !keepScripts && [];

        // Single tag
        if (parsed) {
            return [context.createElement(parsed[1])];
        }

ということで、rsingleTagにヒットする形であれば、同じに処理してくれるという結論となります。

Comments

[m.ts10806]

質問者さんではないですが、大変勉強になります。うまいことできてるもんですね。

[maisumakun]

素直で読み応えのあるソースコード、という印象です＞jQuery

[saito3]

ご丁寧にありがとうございます。
例外的な処理が走っているのですね。勉強になります。

Answer 2

<button>とするのと<button />とするのは何が違うのでしょうか？

違いはありません。
私自身もjQuery本体の処理を詳しく見たわけではないですが、

<div>だけ書いても中でうまいこと補完してくれているのではないでしょうか。

• DOMの生成

Comments

[saito3]

ありがとうございます。