/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

9 votes149 views2 answers
Check if jquery is loaded
Javascript jQuery
0 vote190 views1 answer
Download image jquery onclick
Javascript jQuery
0 vote197 views2 answers
Jquery.validate.unobtrusive dynamic content
Javascript jQuery
0 vote216 views1 answer
How to play jquery audio
Javascript jQuery
3 votes179 views3 answers
Open page in new tab using jquery
Javascript jQuery
23 votes245 views3 answers
How to get clicked radio button value in jquery
Javascript jQuery
1 vote198 views1 answer
JQuery select elements by name
Javascript jQuery
0 vote190 views1 answer
Scroll to class jquery
Javascript jQuery
0 vote200 views1 answer
How can I select all elements without a given class in jQuery?
Javascript jQuery
0 vote183 views1 answer
Filtering jquery
Javascript jQuery