blocks|key|697078|text|您在选择器中使用了id。只需使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|697079|$('div').hide();|code-block|syntax|javascript|697080|然而，这将隐藏所有的div。如果只隐藏id为div-x格式的div会怎么样|offset|length|style|CODE|697081|$('div[id%5E="div-"]').hide();|697082|这只会隐藏您提到的div，而不会隐藏其他div(这可能会有问题)。|697083|entityMap^0|0|0|M|5|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>You are using an id in your selector. Simply use:</p>

<pre><code>$('div').hide();
</code></pre>

<p>However that will hide literally all divs. How about you hide only divs that have an id in the form of <code>div-x</code>?</p>

<pre><code>$('div[id^="div-"]').hide();
</code></pre>

<p>This will only hide the divs you mentioned without hiding other divs (which might be problematic).</p>


blocks|key|929985|text|有关更多详细信息，请阅读以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|929986|这样就可以了：$('div').hide();|offset|length|style|CODE|929987|jquery的id选择器不需要#+sign，如果你想隐藏元素，只需写下元素的名称就可以了，这就是所谓的“元素选择器”。|929988|entityMap^0|0|7|G|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

<p>for more detail you can read this : <a href="http://api.jquery.com/element-selector/" rel="nofollow"><strong><code>Element Selector (“element”)</code></strong></a></p>

<p>this will do : <code>$('div').hide();</code></p>

<p>there is no need of # sign which is for the id selector for jquery , if you want to hide element just write the name of element will do your task thats called as "element selector".</p>


blocks|key|930021|text|取出散列并执行$('div').hide();，因为现在您正在隐藏id为"div"的所有元素|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|930022|entityMap^0|7|G|X|2|10|5|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

<p>Take out the hash and just do <code>$('div').hide();</code> because right now you are hiding all elements with an <code>id</code> of <code>"div"</code></p>


blocks|key|1717463|text|问题是您在选择器中指定了一个id。改用下面的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1717464|$('div').hide();|code-block|syntax|javascript|1717465|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The problem is you are specifying an <em>id</em> in your selector.  Use this instead:</p>

<pre><code>$('div').hide();
</code></pre>


blocks|key|696325|text|jQuery使用CSS-selectors，所以这会隐藏所有div：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|696326|$('div').hide();|code-block|syntax|javascript|696327|但是，如果您想隐藏其id以"div“开头的div，如您的示例所示，请这样做：|offset|length|style|CODE|696328|$('div[id%5E="div"]').hide();|696329|entityMap^0|0|0|A|2|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>jQuery uses CSS-selectors, so this hides all divs:</p>

<pre><code>$('div').hide();
</code></pre>

<p>However, if you want to hide the divs whose <code>id</code> begins with "div", as in your example, do this:</p>

<pre><code>$('div[id^="div"]').hide();
</code></pre>


blocks|key|1717476|text|$('div').hide()；应该可以工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1717477|$('#div')查找id="div“，而不是查找所有div。|1717478|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>$('div').hide(); should work</p>

<p>$('#div') looks for id="div" rather than looking for all divs.</p>


blocks|key|697037|text|$('#div').hide();|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|697038|不起作用，因为您正在查找ID+=+"div“的内容，并且已将您的id设置为"div-1”等。|697039|而不是尝试|697040|++$('#div-1').hide();
++$('#div-2').hide();|code-block|syntax|javascript|697041|等|697042|这将隐藏所提到的特定div。|697043|如果您真的想隐藏页面上的所有div，那么|697044|++$('div').hide();|697045|entityMap^0|0|H|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|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|6|7|15|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|16|8|@]|D|@]|E|$]]|$1|U|3|V|5|L|7|17|8|@]|D|@]|E|$M|N]]|$1|W|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|X|$]]

<p><code>$('#div').hide();</code></p>

<p>does not work because you are lookin for something with ID = "div" and you have set your id's to "div-1" etc.</p>

<p>Instead try </p>

<pre><code>  $('#div-1').hide();
  $('#div-2').hide();
</code></pre>

<p>etc</p>

<p>That will hide the specific div's mentioned.</p>

<p>If you really want to hide all the divs on your page then </p>

<pre><code>  $('div').hide();
</code></pre>


blocks|key|930305|text|为所有你想隐藏的div分配一个类，然后做一些类似的事情|type|unstyled|depth|inlineStyleRanges|entityRanges|data|930306|+$('.hider').hide()|code-block|syntax|javascript|930307|这将用那个类隐藏器隐藏所有的div。然后，您可以在一些div上做任何您想做的事情。|930308|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Assign a class to all the divs you want to hide and then 
do sth like</p>

<pre><code> $('.hider').hide()
</code></pre>

<p>This would hide all the divs with that class hider. Then you can do whatever you want on some of the divs</p>


blocks|key|4967418|text|#div元素的id是div，如果你想隐藏页面上的每个div，那么你想要的选择器就是div+(使用$('div').hide())。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4967419|我不认为这是你真正想要的，你几乎肯定不想隐藏页面上的每个+div。您似乎试图一次隐藏几个特定的div。这样做的方法是用逗号分隔id：$('#div-1,#div-2,#div-3,#div-4').hide()。|4967420|或者，一种更好的方法是向这些div添加一个class，以防您想要更改div的数量。|4967421|所以要隐藏：|4967422|<div+id="div-1"+class="foo"></div>
<div+id="div-2"+class="foo"></div>
<div+id="div-3"+class="foo"></div>
<div+id="div-4"+class="foo"></div>|code-block|syntax|javascript|4967423|您将使用$('.foo').hide()。|4967424|entityMap^0|0|4|7|2|A|3|Q|3|15|3|1C|F|0|1B|3|1R|2|1U|13|0|E|3|L|5|Y|3|0|0|0|4|G|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1E|8|@$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]|$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|1L|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1M|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]]|T|$]]

<p><code>#div</code> the element who's <code>id</code> is <code>div</code>, if you want to hide every <code>div</code> on the page then the selector that you want is just <code>div</code> (use <code>$('div').hide()</code>).</p>

<p>I don't think that is what you really want though, you almost certainly do not actually want to hide <strong>every</strong> div on the page. You seem to be trying to hide several specific <code>div</code>s in one go. The way to do that is to separate the <code>id</code>'s with a comma: <code>$('#div-1,#div-2,#div-3,#div-4').hide()</code>.</p>

<p>Alternately a better way to do it is to add a <code>class</code> to those <code>div</code>s in case you want to change the number of <code>div</code>s.</p>

<p>So to hide:</p>

<pre><code>&lt;div id="div-1" class="foo"&gt;&lt;/div&gt;
&lt;div id="div-2" class="foo"&gt;&lt;/div&gt;
&lt;div id="div-3" class="foo"&gt;&lt;/div&gt;
&lt;div id="div-4" class="foo"&gt;&lt;/div&gt;
</code></pre>

<p>You would use <code>$('.foo').hide()</code>.</p>


<p>I have several divs:</p>

<pre><code>&lt;div id="div-1"&gt;&lt;/div&gt;
&lt;div id="div-2"&gt;&lt;/div&gt;
&lt;div id="div-3"&gt;&lt;/div&gt;
&lt;div id="div-4"&gt;&lt;/div&gt;
</code></pre>

<p>How can I hide them all with jquery. I used <code>$('#div').hide();</code> and did not work.</p>


how to hide all divs in jquery

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

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

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

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

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

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

社区新版编辑器体验调研

我有几个div：<div id="div-1"></div><div id="div-2"></div><div id="div-3"></div><div id="div-4"></div>我怎么才能用jquery把它们都隐藏起来呢？我使用了$('#div').hide();，但不起作用。

问如何隐藏jquery中的所有div
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何隐藏jquery中的所有divEN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何隐藏jquery中的所有div
EN