如何使用 jQuery 更改背景图像的位置？

在本文中，我们将了解如何使用 jQuery 更改背景图像的位置。要更改背景图像的位置，我们将使用带有 float 属性的 css() 方法。

css() 方法用于更改所选元素的样式属性。 float 属性用于改变元素的正常流动。它定义了元素应该如何浮动并将元素放置在其容器的右侧或左侧。

句法：

$(selector).css(float: position)

返回值：它将返回所选元素的属性值。

在下面的示例中，我们创建了一个图像元素和一个按钮。当用户点击按钮时，jQuery css() 方法被调用并在图像上应用 float 属性来改变它的位置。

例子：

HTML

  

    
        How to change the position of 
        background image using jQuery?
    
  
    
    
  
    
        $(document).ready(function() {
            $("#position").on('click', function() {
                $("img").css({
                    float: "left",
                      paddingLeft: "200px"
                });
            });
        });
    

  

    
        
            GeeksforGeeks
        
  
        
            How to change the position of 
            background image using jQuery?
        
  
        
        
  
        
    

  

输出：