📜  如何使用 jQuery 获取 div 的背景图像?

📅  最后修改于: 2022-05-13 01:55:55.203000             🧑  作者: Mango

如何使用 jQuery 获取 div 的背景图像?

任务是使用 jQuery 获取 div 的背景图像。您可以通过使用 jQuery 中的 CSS() 方法来完成此任务。

简单来说,我们需要创建一个空的 div 并且在点击事件时,空的 div 将获得图像作为背景。

CSS():这是 jQuery 中的内置方法,用于添加 CSS 属性,但在这种情况下,我们需要使用 URL() 方法提供完整的属性。

句法:

  • 以下语法将返回第一个匹配元素的背景颜色值。



    css("property_name");
  • 此语法将为所有匹配的元素设置背景颜色值。

    $("p").css("background-color", "colorName");

URL():这是一个用于包含文件的 CSS函数。它接受字符串格式的单个参数 URL。

句法:

url("   ")

示例 1:首先,创建一个带有按钮的空div 。将该按钮映射到 jQuery 中的CSS()方法。单击按钮后,使用图像放置在div元素中。

HTML


  
    
    
    
    
  
  
    
       

    

  


HTML


  
    
    
    
    
  
  
    
       

          


输出:

  • 点击前:
  • 点击后:

示例 2:

HTML



  
    
    
    
    
  
  
    
       

          

输出:

  • 点击前:
  • 点击后: