JQuery单击功能来更改CSS

Question

我们必须使用JQuery创建一个js click函数，它将修改元素的css。

＆＃13;

＆＃13;

$(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);
            }
        });
	});
});

＆＃13;

<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>
											
  <li class="last"><a href="kontaktua.html">Kontaktua</a></li>
</ul>

＆＃13;

＆＃13;

＆＃13;

当有人点击partaideak（li）时，我们想通过使用jQuery点击功能放置背景图片来更改CSS。

Answer 1

$("#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

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

// css文件

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

Answer 2

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

Answer 3

您可以使用以下命令更改CSS：

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

将它放在click处理程序中，你应该没问题