jquery - 当您将 <div> 设置为隐藏时,JQuery 对它执行什么操作?

标签 jquery dom

我想知道 JQuery 实际上对 <div> 做了什么当你将其设置为隐藏时?

它只是将 CSS 显示样式设置为无吗?

我问的原因是,我想设置一个 <div>最初隐藏(通过手动设置属性,而不是调用 .hide),然后使用 .show() 在需要时将其显示出来。

最佳答案

它将其设置为 display: none ,虽然做了一些额外的工作,但这就是总体效果。

如果您有 <div style="display: none;">然后 .show() 显示它:)

Here's a quick demo showing this

如果您对到底发生了什么更好奇,您可以随时直接查看源代码:) .hide() 函数内部工作原理可以在这里看到:http://github.com/jquery/jquery/blob/master/src/effects.js#L59

.hide()之间的主要区别/.show().css('display':'whatever')例如,是 .show() 恢复之前的display值(或者清除它,如果它从未被 .hide() 隐藏,那么它就是默认值),而不是仅仅选择一个新值:)

关于jquery - 当您将 <div> 设置为隐藏时,JQuery 对它执行什么操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2964939/

相关文章:

javascript - 根据文本选择一个选择选项

javascript - jquery 获取 <td> 中的下一个输入元素值

javascript - JQuery 从列表中删除选择选项

javascript - 从服务器文件持续更新 HTML 元素

javascript - 使用 jquery 向下滚动到单击按钮时选择的选项

javascript - 跨多个页面设置javascript全局变量

jquery - 如何使用JQuery "after"选择器

javascript - 不使用 id 或 class 获取 DOM 元素

javascript - 为什么我的appendChild 不起作用?

javascript - 模板化仅采用标题/内容参数的 HTML 代码块的简洁方法,其中内容可能很大且散布着换行符