Javascript Jquery ajax更改样式表

Javascript Jquery ajax更改样式表,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我只是在看这两页: 发生的是页面样式的更改,即使页面仅通过AJAX更新。所以我的问题是,在AJAX请求之后,更改页面外观的最符合要求和最有效的方法是什么。它是关于切换两个样式表,还是使用JavaScript覆盖单个样式表的内容?您所做的只是拥有另一个样式表并更改页面链接标记“href”中的值。这应该可以完成任务。例如,这就像更改图像的src。您可以使用jquery轻松实现这一点。您所做的就是创建另一个样式表并更改页面链接标记“href”中的值。这应该可以完成任务。例如,这就像更改图像的src

我只是在看这两页:


  • 发生的是页面样式的更改,即使页面仅通过AJAX更新。所以我的问题是,在AJAX请求之后,更改页面外观的最符合要求和最有效的方法是什么。它是关于切换两个样式表,还是使用JavaScript覆盖单个样式表的内容?

    您所做的只是拥有另一个样式表并更改页面链接标记“href”中的值。这应该可以完成任务。例如,这就像更改图像的src。您可以使用jquery轻松实现这一点。

    您所做的就是创建另一个样式表并更改页面链接标记“href”中的值。这应该可以完成任务。例如,这就像更改图像的src。您可以使用jquery轻松实现这一点。

    JavaScript DOM是最简单的解决方案。不用更新CSS样式表,您可以轻松地进行用户模式更改,然后(最终)使用AJAX保存这些更改。这篇文章是JSDOM的一个很好的起点。

    JavaScript DOM是最简单的解决方案。不用更新CSS样式表,您可以轻松地进行用户模式更改,然后(最终)使用AJAX保存这些更改。这篇文章是JS DOM的一个很好的起点。

    最符合要求的方法是在将样式与功能分离的同时间接更改样式。这是通过为每个所需状态添加css规则,然后使用javascript逻辑(在ajax调用之后)切换类来实现的:

    很多时候我们不能这样做,例如,当你必须在一个大范围内设置一个非常特定的值时,让我们假设一个元素的高度在50到500像素之间。在本例中,您将使用jquery css方法,这也是非常常见的:

    $('.js-dynamic-entity').css({height: 457});
    

    如果你想在Ajax调用之后做一个强的>吨>强的样式工作,那么你也可以考虑在jQuery中加载一个样式表,比如:

    $('<style />').appendTo('body').html(dynamicallyLoadedSheet);
    
    $('').appendTo('body').html(dynamicallyLoadedSheet);
    

    就我个人而言,后一个版本对我来说没有太大意义,除非我们讨论的是仅在特殊情况下使用的样式的巨大差异。

    最符合的方法是在将样式与功能分离的同时间接更改样式。这是通过为每个所需状态添加css规则,然后使用javascript逻辑(在ajax调用之后)切换类来实现的:

    很多时候我们不能这样做,例如,当你必须在一个大范围内设置一个非常特定的值时,让我们假设一个元素的高度在50到500像素之间。在本例中,您将使用jquery css方法,这也是非常常见的:

    $('.js-dynamic-entity').css({height: 457});
    

    如果你想在Ajax调用之后做一个强的>吨>强的样式工作,那么你也可以考虑在jQuery中加载一个样式表,比如:

    $('<style />').appendTo('body').html(dynamicallyLoadedSheet);
    
    $('').appendTo('body').html(dynamicallyLoadedSheet);
    

    就我个人而言,后一个版本对我来说没有太多意义,除了我们讨论的样式的巨大差异,这些差异只在特殊情况下使用。

    大多数情况下,它就像只在开始时加载所有样式表一样。在ajax请求之后,如果样式表中的元素与start中已加载的样式表中的元素相匹配,则浏览器会调整这些元素的样式表。大多数情况下,这就像只在start中加载所有样式表一样。在ajax请求之后,如果样式表中的匹配项已经在start中加载,则浏览器会调整元素的样式表。