Question

我有这段代码：

if (pansel.val() == "1") 
     $(#myDiv).css('background-image', 'url(/private_images/guida_check_category.jpg)'); 
else 
     $(#myDiv).css({ 'background-color': '#ffffff' });

我看到，当我应用背景图片时，请遵循以下代码：

$(#myDiv).css({ 'background-color': '#ffffff' });

不会移除图像并放置白色背景颜色。图像仍然存在！

如何完全删除背景图像属性？

Answer 1

试试这个：

if (pansel.val() == "1") 
     $("#myDiv").css('background-image', 'url(/private_images/guida_check_category.jpg)'); 
else {
     $("#myDiv").css({ 'background-color': '#ffffff' });
     $("#myDiv").css('background-image', 'none');
}

Answer 2

此代码......

$myDiv = $('#myDiv');
$myDiv.css('background-image', 'none');

实际上不会删除 background-image属性。它将使jQuery为myDiv元素设置内联样式'background-image：none'，这可能不是你想要的。

如果稍后将类应用于使用背景图像的myDiv元素或尝试使用'background：url（'...设置背景图像，则内联样式将覆盖并且背景图像将不会显示。

要删除该属性，我建议您只将“background-image”值设置为空，然后它将从内联样式中一起消失，您可以更轻松地操作它...

if (pansel.val() === "1") {
    $myDiv.css('background-image', 'url(/private_images/guida_check_category.jpg)'); 
} else {
    $myDiv.css('background-color', '#ffffff').css('background-image', ''); 
    //the value will be set to white with the image 'empty', so it will disappear from inline styles
}

Answer 3

background:0将删除整个背景css

Answer 4

$('*').css('background', 'transparent')

请参阅：Remove background color/images for all elements with jQuery

Answer 5

如果您想完全删除样式属性，可以执行类似这样的操作

var oDiv = document.getElementById("myDiv");
oDiv.style.removeProperty("background-color");

我发现如果你稍后在该区域进行其他颜色操作，将其设置为透明会产生一些奇怪的冲突。如果您尝试恢复到css中指定的某个默认设置，则删除属性会更好。

Answer 6

Get, Set and Delete Div Background Image In jQuery

获取背景图片

您可以使用以下代码在jQuery中获取背景图片。

  public function up()
    {
        Schema::create('airports', function (Blueprint $table) {
            $table->integer('airport_code')->primary();
            $table->string('airport_name');
            $table->string('airport_location');
            $table->string('airport_state');
            $table->timestamps();
        });
    }

设置背景图片

您可以使用以下代码通过jQuery CSS属性设置背景图片。

$(".btn-get").click(function() {
var bg = $('div').css('background-image'); // get background image using css property
bg = bg.replace('url(','').replace(')','');
alert(bg); });

删除背景图片

您可以使用下面的代码通过jQuery CSS属性删除背景图片。

 $(".btn-set").click(function() {
 var img = 'http://www.tutsmake.com/wp-content/uploads/2019/08/How-to-Encode-Decode-a-URL-Using-JavaScript.jpeg';
 var bg = $('div').css('background-image',"url(" + img + ")");
});

Answer 7

$(element).css('background-image', '')

我不知道后台会发生什么，但是img已从UI中删除。

如何删除背景图像属性？

7 个答案: