Jquery 更改CSS然后加载HTML文件不工作

这可能很难回答。我使用jQuery操作div中文本的样式。一切正常。然后我使用jQueryAjax加载，加载新文本，并替换旧文本。我原以为修改后的CSS会保持不变，但事实并非如此。它正在恢复为未修改的CSS。这有意义吗？

这个问题有点模糊。请添加代码以使其更清楚

这是我试图证明我所理解的问题的解决方案的小提琴

HTML

<form method="post" action="/echo/html/" ajax="true">
<div class="testblock">
    <div class="test">
        Test One
    </div>
    <div class="test">
        Test Two
    </div>
</div>
    <button type='submit'>Submit</button>
</form>

JavaScript

$(document).ready(function(e) {
    $('.test').addClass('red_div');

    $("form[ajax=true]").submit(function(e) {

        e.preventDefault();

        var form_url = $(this).attr("action");
        var form_method = $(this).attr("method").toUpperCase();

        $.ajax({
            url: form_url, 
            type: form_method,      
            cache: false,
            success: function(){                          
                new_div = $('.testblock')
                            .append('<div class="test">Test Three</div>');
                //new_div.addClass('red_div');

            }           
        });    

    });

});

$（文档）.ready（函数（e）{
$（'.test'）.addClass（'red_div'）；
$（“form[ajax=true]”）。提交（函数（e）{
e、 预防默认值（）；
var form_url=$（this.attr（“action”）；
var form_method=$（this.attr（“method”）.toUpperCase（）；
$.ajax({
url:form_url，
类型：form_方法，
cache:false，
成功：函数（）{
new_div=$（'.testblock'）
.append（‘测试三’）；
//新分区添加类（“红色分区”）；
}           
});    
});
});

---

您如何修改CSS？这是一个新元素。作为Ajax回调的一部分，您需要再次应用样式。如果您使用的是

.css（…）

，则只需将内联样式属性放在DOM元素上，然后将其全部替换。因此，这些属性当然会丢失。请显示您的codeClose。在我的例子中，我没有添加类，但修改了现有的类。使用：$（'.sen'）.css（{'width'：'50%}）；当Ajax带来使用同一类的新文本时，浏览器没有使用修改过的类，所以我不得不重新设置它的样式。我试图避免重新设置样式，因为我的文档非常大，而且需要花费太长的时间。只设置那些更改过的元素的样式。请参见上面的示例，仅重新设置新的_div的样式。

$(document).ready(function(e) {
    $('.test').addClass('red_div');

    $("form[ajax=true]").submit(function(e) {

        e.preventDefault();

        var form_url = $(this).attr("action");
        var form_method = $(this).attr("method").toUpperCase();

        $.ajax({
            url: form_url, 
            type: form_method,      
            cache: false,
            success: function(){                          
                new_div = $('.testblock')
                            .append('<div class="test">Test Three</div>');
                //new_div.addClass('red_div');

            }           
        });    

    });

});