Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何识别相对块并将其更改为绝对块?_Javascript_Jquery_Html_Css_Position - Fatal编程技术网

Javascript 如何识别相对块并将其更改为绝对块?

Javascript 如何识别相对块并将其更改为绝对块?,javascript,jquery,html,css,position,Javascript,Jquery,Html,Css,Position,我应该如何识别相对块,并将它们更改为绝对位置,但位置相同 它可以通过javascript或jquery编程?或者事实上这是不可能的 非常感谢。CSS .relative {position:relative; } .absolute {position:absolute; } JQUERY $('class/id').click(function() { $('div').removeClass().addClass('absolute'); }); 但是如果您这样做,所有div的位置将

我应该如何识别相对块,并将它们更改为绝对位置,但位置相同

它可以通过javascript或jquery编程?或者事实上这是不可能的

非常感谢。

CSS

.relative
{position:relative;
}
.absolute
{position:absolute;
}
JQUERY

$('class/id').click(function() {
$('div').removeClass().addClass('absolute');


});

但是如果您这样做,所有
div的位置将从左上角开始,具体取决于父div。我认为您不需要对所有元素执行此操作。

如果您仅将特定div更改为
位置:绝对
,您最好的选择是执行以下操作:

<div class="relative"></div>
<div class="relative absolute"></div>
<div class="relative"></div>

.relative {
position: relative;
}

.relative.absolute {
position: absolute;
}

.亲戚{
位置:相对位置;
}
.相对的{
位置:绝对位置;
}
如果需要根据需要将它们设置为
absolute
onload,则可以使用
addClass()
jQuery函数附加
.absolute


我希望我没有误解你的问题,如果有,请忽略答案。

你所说的“相对块”是什么意思?请更具体地说明您试图实现的目标和原因。当我说“相对块”时,我的意思是“在css上具有位置:相对的div或p”。如果您向css添加
。相对{position:relative;}
,然后通过将该类添加到元素来定位任何相对的对象,那么您可以通过
$('.relative')轻松地获得它们
。否则,您可能必须遍历页面上的所有元素,并检查它的
.css('position')
,以查看它是否是相对的,我不建议这样做……我不是这个意思。我有一些相关的div页面。我想把它们放在jquery上,并将它们改为绝对值,但仍然保持在同一位置。@user3618978-您能解释一下为什么要这样做,以便我们可以提供更简单或更实用的方法来解决您的问题吗。