Question

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

＆＃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;

当有人点击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处理程序中，你应该没问题

JQuery单击功能来更改CSS

3 个答案: