如何更改jss内容的css属性：url在jquery中？

Question

我有一个问题：

<div id="arrow"></div> 
<div id="p0" style="content: url(images/cerchioSelezionato.png)"></div> 
<div id="p1" style="content: url(images/cerchio.png)"></div> 

我的目标是：当我#arrow元素上点击，我想那＃P0的图像的Cerchio成为反之亦然为了这个，我在jQuery的写了这个代码：

$(document).ready(function(){ 
    $("#arrow").click(function(){ 
     $("#p1").attr({content:url(images/cerchioSelezionato.png)}); 
     $("#p0").attr({content:url(images/cerchio.png)}); 
    } 
} 

当我在铬箭头单击控制台给我这个错误：

Uncaught ReferenceError: url is not defined 
slider_script.js:12(anonymous function)  slider_script.js:12m.event.dispatch jquery-1.11.1.min.js:3r.handle 

Answer 1

的Try ...

$(document).ready(function(){ 
    $("#arrow").click(function(){ 
     $("#p1").attr({style: "content:url(images/cerchioSelezionato.png)" }); 
     $("#p0").attr({style: "content:url(images/cerchio.png)" }); 
    } 
} 

你改变Style属性，但内容属性。

Answer 2

使用.css()，而不是.attr()操纵日e风格。 另外，我想你忘了引用。

$(document).ready(function(){ 
    $("#arrow").click(function(){ 
     $("#p1").css({content:'url(images/cerchioSelezionato.png)'}); 
     $("#p0").css({content:'url(images/cerchio.png)'}); 
    }); 
}); 

虽然键不必在JavaScript对象中引用，值必须是。

由于您只更改content，因此可以使用语法.css('content', ...)代替对象notaion。我保持它的方式，所以你可以在将来添加规则。

Answer 3

你可以试试这个也

$(document).ready(function(){ 
    $("#arrow").click(function(){ 
     $("#p1").css('content','url(images/cerchioSelezionato.png)'); 
     $("#p0").css('content','url(images/cerchio.png)'); 
    } 
}