/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 votes313 views1 answer
Test if jquery works
Javascript jQuery
1 vote380 views1 answer
Jquery get relative position of element
Javascript jQuery
0 vote357 views1 answer
On page fully loaded jquery
Javascript jQuery
1 vote341 views1 answer
How to get the all input element id value using jquery
Javascript jQuery
0 vote361 views2 answers
Click on a radio button using jquery
Javascript jQuery
16 votes292 views5 answers
Modal.show jquery
Javascript jQuery
0 vote366 views3 answers
Load data from json server into html using jquery
Javascript jQuery
0 vote373 views1 answer
How to access child img src in jquery
Javascript jQuery
50 votes303 views4 answers
Jquery add class to body
Javascript jQuery
0 vote372 views1 answer
Span element converink href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> ter
Javascript jQuery