/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

2 votes161 views1 answer
Jquery tag name
Javascript jQuery
1 vote156 views3 answers
Jquery ajax CORS
Javascript jQuery
0 vote179 views1 answer
Selected option attribute jquery
Javascript jQuery
1 vote181 views5 answers
Select all checkboxes jquery
Javascript jQuery
0 vote170 views1 answer
Onclick play youtube video jquery
Javascript jQuery
86 votes168 views6 answers
Onclick Event jquery
Javascript jQuery
1 vote169 views1 answer
On scroll page jquery
Javascript jQuery
0 vote183 views1 answer
Uncaught typeerror e.indexof is not a function jquery load
Javascript jQuery
1 vote175 views2 answers
Jquery remove focus from all elements
Javascript jQuery
6 votes184 views2 answers
$(this) option selected jquery
Javascript jQuery