Javascript 无法在ajax.done或.fail中更改CSS

我想使用jqueryajax调用，并在ajax调用成功或失败时更改元素的一些CSS属性。我的浏览器是Windows7 professional上的Chrome（最新版本）

$.ajax({
url:“mytesturl”，
数据类型：“json”，
超时：3000//3秒超时
}).完成(
函数（json）{
var el=$（'myDiv'）；
el.css（'color'，'00FF00'）；//绿色
}).失败(
函数（jqXHR、textStatus）{
var el=$（'myDiv'）；
el.css（'color'，'#FF0000'）；//红色
});请尝试以下操作：

$.ajax({
  url: "mytesturl",
  dataType: 'json',
  timeout: 3000, // 3 second timeout
  success: function(json) {
              var el = $('#myDiv');
              el.css('color', '#00FF00'); // green
           },
  error:   function(jqXHR, textStatus){
              var el = $('#myDiv');
              el.css('color', '#FF0000'); // red
           }
});

另外：如果您试图设置div的颜色，则颜色不是正确的设置选项，您应该如下设置背景：

$.ajax({
      url: "mytesturl",
      dataType: 'json',
      timeout: 3000, // 3 second timeout
      success: function(json) {
                  var el = $('#myDiv');
                  el.css('background', '#00FF00'); // green
               },
      error:   function(jqXHR, textStatus){
                  var el = $('#myDiv');
                  el.css('background', '#FF0000'); // red
               }
    });

您的页面的域是什么？您通过
ajax
调用的站点的域是什么？它们是一样的吗？试着将更改css的代码放在setTimeout函数中。请提供一个链接到没有HTML的演示页面（我建议使用jsbin）。这个问题无法回答。很可能您的选择器错误页面上是否有多个id相同的元素？i、 e.
myDiv
 jQuery.ajax({

        type:"post",
        timeout: 3000,
        dataType:"json",
        url: "mytesturl",
        success: function(json) {
             var el = $('#myDiv');
             el.css('color', '#FF0000');   
        },
        error: function(data) {
            var el = $('#myDiv');
            el.css('color', '#000000');
        },
    });