/Javascript/jQuery/Change background image with jquery

Change background image with jquery

Change background colour jquery

$(document).ready(function() {
  $("button").mouseover(function() {
    var p = $("p#44.test").css("background-color", "yellow");
    p.hide(1500).show(1500);
    p.queue(function() {
      p.css("background-color", "red");
    });
  });
});

Source: stackoverflow.com

Change background image with jquery

jQuery(document).ready(function($) {
    $('.bg-image').css("background-image", "url('myurl.jpg')");
});

Source: tutorialspoint.com

Add background image to div using jquery

var imageUrl = "images/sky.jpg";
$(".div_with_class").css("background-image", "url(" + imageUrl + ")");

Jquery add style background-image

$('myObject').css('background-image', 'url(' + imageUrl + ')');

Source: stackoverflow.com

Similar codes

93 votes195 views6 answers
Document jquery
Javascript jQuery
0 vote221 views2 answers
Jquery body class add
Javascript jQuery
0 vote234 views2 answers
Set options using jquery in laravel form collective
Javascript jQuery
7 votes209 views2 answers
How to edit the link in a href with jquery
Javascript jQuery
2 votes213 views2 answers
Jquery number format thousand k
Javascript jQuery
1 vote212 views1 answer
Trigger key jquery
Javascript jQuery
0 vote217 views1 answer
On hover add class on children jquery
Javascript jQuery
0 vote206 views1 answer
Jquery check input is disable
Javascript jQuery
0 vote220 views1 answer
Jquery live notification
Javascript jQuery
0 vote211 views1 answer
Jquery datatable destroy and recreate
Javascript jQuery