JQuery點擊功能來改變CSS

Question

我們必須用jQuery做一個js的點擊功能，它會修改一個元素的css。

$(document).ready(function(){ 
 
    document.getElementById('partaideak').click(function(){ 
 
    //$("#partaideak").clic(function() { 
 
     console.log("Partaideak"); 
 
     /* Stop form from submitting normally */ 
 
     //event.preventDefault(); 
 
     /* Clear result div*/ 
 
     $("#contentDiv").html('...'); 
 
     var formData = $(this).serializeArray(); 
 
     $.ajax({ 
 
      type: "GET", 
 
      url: "/partaideak", 
 
      dataType: "json", 
 
      data: formData, 
 
      success: function(data){ 
 
       console.log(data); 
 
       //$("#contentDiv").html(data); 
 
      } 
 
     }); 
 
\t }); 
 
});

<ul class="menu"> 
 
    <li class="item"><a href="index.html">Hasiera</a></li> 
 
    <li><a href="musika.html">Musika</a></li> 
 
    <li><a href="bideoak.html">Bideoak</a></li> 
 
    <li><a href="argazkiak.html">Argazkiak</a></li> 
 
    <div id="partaideak"><li class="item-1"><a class="active" href="partaideak.html">Partaideak</a></li></div> 
 
\t \t \t \t \t \t \t \t \t \t \t 
 
    <li class="last"><a href="kontaktua.html">Kontaktua</a></li> 
 
</ul>

我們希望通過把使用jQuery單擊功能背景圖片更改CSS當有人點擊partaideak（li）。

Answer 1

$("#partaideak").css('background-image', 'url(images/image.jpg)'); 

Answer 2

您可以通過更改CSS：

$("#partaideak").css("background-image", "url('http://lorempixel.com/400/200')"); 

廣場的click處理程序中，你應該罰款

Answer 3

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

OR

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

OR // JS

$(document.ready(function() { 
    $("#partaideak").click(function() { 
     $(this).addClass('imageClass'); 
    }); 
}); 

// CSS文件

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