如何用jQuery重新定位DIV？

Question

我正在尝试使用AJAX（不是jQuery）.... 我基本上都是这样。

Content A Title
Content A Full
HR
Content B Teaser
Content C Teaser
Content D Teaser

Html/CSS Example of State A

我有CSS之前和之后，但我找不到实际改变CSS的示例代码。相反，我发现了一些技巧，比如“添加一个类”和人们用来简单破解CSS的东西。所以，我想也许我是从错误的地方开始的。

我正在使用Php 5和MySQL，如果你想要真正有用的话。我并不担心，因为我现在正在努力，我自己。我最感兴趣的是在不刷新页面的情况下弄清楚如何创建它：

Content C Title
Content C Full
HR
Content A Teaser
Content B Teaser
Content D Teaser

HTML/CSS Example of State B

Answer 1

我认为你正在寻找像THIS这样的东西。可以使用Javascript复制DOM元素或移动它们......阅读有关使用JS克隆和删除节点的内容（描述的克隆节点方法HERE）

Answer 2

您可以使用[element.setAttribute][1]("*style*", "*value*")。你可以定位CSS [document.querySelector][2]("*target*")来选择div类或id或者你有什么。

您可以使用jQuery，如下所示：$('*target*').css('*style*', '*value*')。

似乎没有简短的AJAX等价物。

示例参数：

Style: "align", "background-color".
Value: "center", "blue".

Target: "#myDiv", ".myDiv", "p"