应用样式，而不管元素是否已添加到jQuery的DOM中
应用样式，而不管元素是否已添加到jQuery的DOM中
提问于 2012-07-02 10:25:13
问题:应用$(".price").hide();的工作于已经呈现的元素，但是，当我通过javascript加载一个新模板时，价格类将是可见的。
问题：是一种在插入DOM时将样式应用于类的所有未来实例的方法。
示例：
$(".price").hide();
$('body').append('<div class="price">19.00</div>'); // this should be hidden.回答 4
Stack Overflow用户
回答已采纳
发布于 2012-07-02 11:15:07
与其这样做，不如让切换开关修改容器元素以添加或删除类。
然后，有一个如下所示的CSS规则：
.hidePrice .price{
display:none;
}切换按钮时，只需在容器元素上切换hidePrice类即可。
Stack Overflow用户
发布于 2012-07-02 10:27:09
我认为最好的解决方案是使用帮助类：
CSS
.helper{
display: none;
}jQuery
$(".price").addClass('helper'); //for dyanmic addition to certain classes
$('body').append('<div class="price helper">19.00</div>'); //for adding afterwardStack Overflow用户
发布于 2012-07-02 11:03:45
这对我起了作用：
与jQuery:
$('<style id="priceVisibility">div.results .price {display: none; }</style>').appendTo('head');没有 jQuery:
// Appending style element to the head with a overriding style.
var style = document.createElement('style');
style.type = 'text/css';
style.id = 'priceVisibility';
style.innerHTML = 'div.results .price {display: none; }';
document.getElementsByTagName('head')[0].appendChild(style);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11299120
复制相关文章
相似问题
jQuery -检查DOM元素是否已存在
jQuery:检查元素样式是否已删除
如何确定动态创建的DOM元素是否已添加到DOM中？
jQuery:如何检查DOM元素是否具有内联样式
追加已创建的jquery dom元素
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
