JQuery单击函数以更改CSS

JQuery单击函数以更改CSS,jquery,html,css,Jquery,Html,Css,我们必须使用JQuery创建一个jsclick函数来修改元素的css $(文档).ready(函数(){ document.getElementById('partaideak')。单击(函数(){ //$(“#partaidak”).clic(函数(){ console.log(“Partaideak”); /*阻止表单正常提交*/ //event.preventDefault(); /*清除结果分区*/ $(“#contentDiv”).html(“…”); var formData=$(

我们必须使用JQuery创建一个jsclick函数来修改元素的css

$(文档).ready(函数(){
document.getElementById('partaideak')。单击(函数(){
//$(“#partaidak”).clic(函数(){
console.log(“Partaideak”);
/*阻止表单正常提交*/
//event.preventDefault();
/*清除结果分区*/
$(“#contentDiv”).html(“…”);
var formData=$(this.serializeArray();
$.ajax({
键入:“获取”,
url:“/partaidak”,
数据类型:“json”,
数据:formData,
成功:功能(数据){
控制台日志(数据);
//$(“#contentDiv”).html(数据);
}
});
});
});

您可以使用以下方法更改CSS:

$("#partaideak").css("background-image", "url('http://lorempixel.com/400/200')");
将其放入
单击
处理程序中,您应该会没事的

$("#partaideak").click(function() {
   $(this).css('background-url', 'url(images/image.jpg)');
});

$("#partaideak").click(function() {
   $(this).attr("style","background-image:url(images/image.jpg) !important")
});
//js

//css文件

.imageClass{
   background-image: url(images/image.jpg) !important;
}

感谢罗宾,我们知道这一点,但是:$(document).ready(function(){document….url:/partaidak),dataType:“json”,“dataType:“html”,data:formData,success:function(data){console.log(data);$(“#partaidak”).css('background-image',url(images/image.jpg);).html(data);});它不起作用,我们不知道为什么您可以展开您遇到问题的部分吗?在“url(‘给您的图像路径’)”中,由于您不接受的答案,请尝试不添加.html(数据),您可以展开您想要做的事吗。您希望给哪个元素提供背景图像?$(document).ready(function(){document.getElementById('#partaidak')。单击(function(){$.ajax({type:'GET',url:/partaidak',dataType:'json',success:function(data){$(“#partaidak”).css('background image',url(../images unai.JPG);}})); }); 调用js不起作用。当我们点击partaideak时,js不起作用
$(document.ready(function() {
    $("#partaideak").click(function() {
      $(this).addClass('imageClass');
    }); 
});
.imageClass{
   background-image: url(images/image.jpg) !important;
}