javascript - jQuery CSS 不工作

Question

我是 javascript 和 jQuery 的初学者，所以请多多包涵。我在 jQuery 中使用以下代码来更改 div 的背景。但它不起作用:-

$(document).ready(function(){
  $(".div1").click(function(){
    $(".div1").css("background","url"pic.png"");
  });
});

我无法弄清楚错误。该功能正常工作

$(".div1").css("background","#000");

任何帮助将不胜感激。

score 1 · Accepted Answer

您有语法错误。尝试将其更改为：

$(document).ready(function(){
  $(".div1").click(function(){
    $(this).css("background-image", "url('pic.png')");
  });
});

score 1 · Accepted Answer

改变：

$(".div1").css("background","url"pic.png"");

至

$(".div1").css("background-image","url(pic.png)");

score 0 · Accepted Answer

$('.div1').css('background', "url('pic.png') left center no-repeat");

或者要深入了解.css() jquery 方法，试试这个：

$('.div1').css({
   'background-image' : 'url("pic.png")',
   'background-repeat': 'no-repeat',
   'background-position' : 'left center'
});

score 0 · Accepted Answer

改变：

$(".div1").css("background","url"pic.png"");

至：

$(".div1").css("background","url('pic.png')");

请注意，在图像路径周围使用单引号/双引号将防止您的 CSS/脚本在碰巧包含空格时中断。

从 W3 规范：

URI 值的格式是 'url(' 后跟可选的空格，后跟可选的单引号 (') 或双引号 (") 字符，后跟 URI 本身，后跟可选的单引号 (') 或双引号(") 字符后跟可选的空格，后跟 ')'。两个引号字符必须相同。

score 0 · Accepted Answer

问题在于引号。您错误地使用了双引号。使用双引号后必须使用单引号。代码将是：-

$(".div1").css("background","url('smiley.gif')");

score -2 · Accepted Answer

你有一个语法错误：

 $(".div1").css("background","url"pic.png"");

应该

$(".div1").css("background-image","url(pic.png)");

6 回答 6