jQuery中元素宽，高，left,top的获取和宽高设置以及元素卷曲出去的距离

最新推荐文章于 2023-06-17 13:58:23 发布

杏黄的三叶草

最新推荐文章于 2023-06-17 13:58:23 发布

阅读量1.3k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/dwjdj/article/details/105999732

版权

本文介绍了如何使用jQuery来设置和获取元素的宽度、高度、left和top属性，以及元素距离浏览器边界的卷曲距离。通过示例代码，详细解析了相关操作方法。

摘要由CSDN通过智能技术生成

设置元素的宽度和高度

- .width()设置或者获取元素的宽,获取的是数值类型的值
- .height()设置或者获取元素的高
- 可以写单位也可以不写单位
- 案例如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
   
            width: 200px;
            height: 100px;
            background-color: darkorchid;
        }
    </style>
    <script src="../jquery-1.12.1.js"></script>
    <script>
        $(function () {
   
           $("#btn").click(function () {
   
               //$("#dv").css("width",$("#dv").width()*2);
               //$("#dv").css("height",$("#dv").height()*2);
               //获取元素的宽和高
               console.log($("#dv").width());
               console.log($("#dv").height());
               $("#dv").width("600px");
               $("#dv").height("600px")