blocks|key|1548177|text|此构造创建新的jQuery对象，其中包含一个div元素。不过，它可以稍微短一点：$("<div>")|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1548178|entityMap^0|M|3|14|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>This construction creates new jQuery object which contains one <code>div</code> element. It can be slightly shorter though: <code>$("&lt;div&gt;")</code></p>


blocks|key|2869547|text|这根本不是一个选择器，而是一些HTML|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2869548|var+encodedName+=+$('<div+/>').text(name).html();|code-block|syntax|javascript|2869549|等于|2869550|var+encodedName+=+$('<div></div>').text(name).html();|2869551|或|2869552|var+encodedName+=+$('<div>').text(name).html();+//+HTML+fragments+are+automatically+closed|2869553|它从某些HTML构建一个jQuery元素，给它一些文本，然后获取innerHTML。|2869554|显然，此代码的目的是将字符串编码为HTML。例如|2869555|console.log($('<div>').text("3+<+4").html());|2869556|日志|2869557|"3+&lt;+4"|2869558|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|19|8|@]|9|@]|A|$]]|$1|W|3|X|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

<p>This simply isn't a selector at all but some HTML</p>

<pre><code>var encodedName = $('&lt;div /&gt;').text(name).html();
</code></pre>

<p>is equivalent to</p>

<pre><code>var encodedName = $('&lt;div&gt;&lt;/div&gt;').text(name).html();
</code></pre>

<p>or</p>

<pre><code>var encodedName = $('&lt;div&gt;').text(name).html(); // HTML fragments are automatically closed
</code></pre>

<p>It builds a jQuery element from some HTML, gives it some text, and then gets the innerHTML.</p>

<p>The purpose of this code is obviously to encode a string as HTML. For example</p>

<pre><code>console.log($('&lt;div&gt;').text("3 &lt; 4").html());
</code></pre>

<p>logs </p>

<pre><code>"3 &amp;lt; 4"
</code></pre>


blocks|key|1548213|text|<div+/>是一个空的div元素。使用$('<div+/>')，您可以创建一个空的div元素作为jquery+(还没有在DOM+/在页面上)，然后您可以操纵这个元素，然后如果您愿意，可以插入到您的页面中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1548214|entityMap^0|0|7|K|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p><code>&lt;div /&gt;</code> is an empty div element. With <code>$('&lt;div /&gt;')</code> you create an empty div element as jquery object (not yet in the DOM / on the page) which you can then manipulate and later insert into your page if you wish.</p>


blocks|key|470646|text|如果你说，selector，我略有不同。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|470647|那是Jquery属性|470648|如果将字符串作为参数传递给$()，jQuery将检查该字符串是否类似于i.e.,+it+starts+with+<tag+...+>。如果没有，则将字符串解释为选择器表达式，如前所述。但是，如果字符串看起来是HTML片段，jQuery将尝试创建新的DOM元素，如HTML所描述的那样。|blockquote|470649|例如|470650|$(+"<p+id='test'>My+<em>new</em>+text</p>"+).appendTo(+"body"+);|code-block|syntax|javascript|470651|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery/#jQuery-html-attributes^0|5|8|0|2|8|0|0|Z|V|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|H|3|I|5|J|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|K|3|L|5|6|7|19|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|1A|8|@]|D|@]|E|$P|Q]]|$1|R|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]]]

<p>I slightly differs if you say, <code>selector</code>.</p>

<p>That is <a href="http://api.jquery.com/jQuery/#jQuery-html-attributes" rel="nofollow">Jquery Html attribute</a></p>

<blockquote>
  <p>If a string is passed as the parameter to $(), jQuery examines the string to see if it looks like HTML (<code>i.e., it starts with &lt;tag ... &gt;</code>). If not, the string is interpreted as a selector expression, as explained above. But if the string appears to be an HTML snippet, jQuery attempts to create new DOM elements as described by the HTML. </p>
</blockquote>

<p>Ex </p>

<pre><code>$( "&lt;p id='test'&gt;My &lt;em&gt;new&lt;/em&gt; text&lt;/p&gt;" ).appendTo( "body" );
</code></pre>


blocks|key|470660|text|$(...)+jQuery选择器的输出始终是对文档元素(或零长度集合)的引用。为了让这一切成为真的。它将在内存中构造DOM元素以满足这一需求。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|470661|因此，$('<div>')返回对jQuery的引用，其中选择了DIV元素，但不在DOM中。jQuery只在内存中创建了它。|470662|然后，可以将其附加到当前文档中，如下所示；|470663|$('<div>').appendTo('body');|code-block|syntax|javascript|470664|您还可以对返回的对象执行选择，如下所示；|470665|$('<div><span+class="stuff"></span></div>').find('.stuff').html("<span>something+else</span>");|470666|entityMap^0|0|6|0|3|A|V|3|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|12|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|13|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|15|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

<p>The output of a <code>$(...)</code> jQuery selector is always a reference to a Document element (or a zero length collection). In order for that to be true. It will construct DOM elements in memory to satisfy this requirement.</p>

<p>So <code>$('&lt;div&gt;')</code> returns a reference to jQuery where a <code>DIV</code> element has been selected, but is not in the DOM. jQuery has created it in memory only.</p>

<p>You can then append this to the current document, like so;</p>

<pre><code>$('&lt;div&gt;').appendTo('body');
</code></pre>

<p>You can also perform selection on the returned object, like so;</p>

<pre><code>$('&lt;div&gt;&lt;span class="stuff"&gt;&lt;/span&gt;&lt;/div&gt;').find('.stuff').html("&lt;span&gt;something else&lt;/span&gt;");
</code></pre>


<p>In a tutorial I came across this jQuery:</p>

<pre><code>var encodedName = $('&lt;div /&gt;').text(name).html();
</code></pre>

<p>I havent seen the <code>'&lt;div /&gt;'</code> before. Doesnt look like a CSS selector. Any ideas?</p>


What is this: $('<div />')

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

在一个教程中，我看到了这个jQuery：var encodedName = $('<div />').text(name).html();我以前没见过'<div />'。看起来不像CSS选择器。有什么想法吗？

问这是什么：$(<div />')
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问这是什么：$(<div />')EN