/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

0 vote181 views0 answer
Jquery
Javascript jQuery
3 votes260 views4 answers
Jquery check if input is empty
Javascript jQuery
6 votes197 views6 answers
Add option to select jquery
Javascript jQuery
0 vote207 views1 answer
Get public url as laravel asset() in jquery
Javascript jQuery
0 vote264 views1 answer
Un hover in jquery
Javascript jQuery
0 vote195 views1 answer
Disable jquery ajax call on init
Javascript jQuery
10 votes183 views4 answers
Add and remove class in jquery
Javascript jQuery
13 votes185 views3 answers
Jquery hover cursor change
Javascript jQuery
2 votes184 views1 answer
Jquery disable class attribute
Javascript jQuery
0 vote197 views1 answer
Group by hash in jquery
Javascript jQuery