Fatal编程技术网
  • html/
  • Html 如何使用jquery设置div的位置？

Html 如何使用jquery设置div的位置？

html jquery

Html 如何使用jquery设置div的位置？,html,jquery,position,Html,Jquery,Position,如何使用jQuery设置div的位置？我试着用这个： <!DOCTYPE html> <html> <head> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script> </head> <body>

如何使用jQuery设置div的位置？我试着用这个：

<!DOCTYPE html>
<html>
    <head>
        <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> 
        </script>
    </head>
    <body>
        <img src = "https://upload.wikimedia.org/wikipedia/en/thumb/6/6c/Us_flag_large_38_stars.png/1200px-Us_flag_large_38_stars.png" id = "flag" width = "200px" height = "140px">
        <div id = "pole"></div>
    
        <script>
            $("#pole").width(10);
            $("#pole").height(400);
            $("#pole").css("background-color", "gray");
            console.log($("#pole").position());
            $("#pole").css({'left': 200});
        
        </script>
    </body>
</html>


$（“#杆”）。宽度（10）；
$（“杆”）。高度（400）；
$（“#极”）.css（“背景色”、“灰色”）；
console.log（$（“#pole”）.position（）；
$（“#pole”）.css（{'left'：200}）；
但是“杆子”潜水艇只是呆在原地……有人能帮忙吗？谢谢。

为什么不使用
$（“极”）.css（“位置”、“绝对”）？
为什么不使用
$（“#pole”）.css（“位置”、“绝对”）？
将#杆位置设置为绝对位置。

$（“#杆”）。宽度（10）；
$（“杆”）。高度（400）；
$（“#极”）.css（“背景色”、“灰色”）；
$（“极点”）.css（“位置”、“绝对”）；
$（“#pole”）.css（{'left'：200}）；
$（“#杆”）。在（“单击”，函数（）{
$（“#pole”）.css（{'left'：10}）；
});



将#杆位置设置为绝对位置。

$（“#杆”）。宽度（10）；
$（“杆”）。高度（400）；
$（“#极”）.css（“背景色”、“灰色”）；
$（“极点”）.css（“位置”、“绝对”）；
$（“#pole”）.css（{'left'：200}）；
$（“#杆”）。在（“单击”，函数（）{
$（“#pole”）.css（{'left'：10}）；
});