/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

1 vote224 views2 answers
Jquery function return
Javascript jQuery
0 vote249 views1 answer
Convert jquery fadeOut function to pure javascript code
Javascript jQuery
2 votes219 views1 answer
Jquery scroll to bottom
Javascript jQuery
105 votes223 views4 answers
Jquery google
Javascript jQuery
0 vote220 views1 answer
Add on click to div using jquery
Javascript jQuery
0 vote238 views1 answer
How to submit form on changed url in function in jquery
Javascript jQuery
4 votes218 views6 answers
Jquery remove css style
Javascript jQuery
0 vote239 views1 answer
Clear localstorage on click jquery
Javascript jQuery
0 vote229 views2 answers
Jquery find index of this
Javascript jQuery
0 vote221 views2 answers
Jquery dynamic event handling
Javascript jQuery