我的页面有六个div
元素。
使用jQuery和Z-Index,单击按钮可增加一个div
的宽度以覆盖所有其他宽度。在此过程中,它还假定类:active
(z-index:900)。
当我单击另一个按钮时,类为div
的active
应该返回其原始大小和位置。原始值保存到变量中,但是如何通过active
类知道元素的名称?
最佳答案
这是jQuery
function aka $()
的基本特征之一。
这样做:
var elements = $(".myclass");
将为您提供所有使用CSS类
myclass
的元素。从那里可以执行以下操作:elements.css({
left: orig_left,
top: orig_top,
width: orig_width,
height: orig_height
});
样式更改将一次应用于所有元素。
但是,如果您希望将元素恢复为其默认值(即原始html中的内容),则可以执行以下操作:
elements.css({
left: null,
top: null,
width: null,
height: null
});
甚至:
elements.attr("style","");